首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Vue路由器在页面重新加载后更改url。

Vue路由器在页面重新加载后更改url。
EN

Stack Overflow用户
提问于 2019-07-10 17:36:46
回答 1查看 339关注 0票数 0

当我重新加载页面时,我遇到了vue路由器问题。

链接http://example.com/admin/home/page1

对此进行更改

http://example.com/admin/home/page1/page1

注意:这个项目在laravel的公共目录中

vue版本3.9.2 os win 10 x64

router.js

代码语言:javascript
复制
const router = new Router({
mode: ‘history’,
base: process.env.VUE_APP_LINK,
routes: [
{
path: ‘/home’,
name: ‘home’,
component: Home,
children: [
{
path: ‘page1’,
name: ‘page1’,
component: () => import(’@/components/contents/page1.vue’),
},
{
path: ‘page2’,
name: ‘page2’,
component: () => import(’@/components/tools/page2.vue’),
},
{
path: ‘page3’,
name: ‘page3’,
component: () => import(’@/components/contents/page3.vue’),
},
{
path: ‘page4’,
name: ‘page4’,
component: () => import(’@/components/contents/page4.vue’),
}]},
{
path: ‘/login’,
name: ‘login’,
component: Login
},
{
 path: '*',
 redirect: '/home/page1'
}
]
})```

<li class="nav-item"><router-link to="page1" class="nav-link">page1</router-link></li>
    <li class="nav-item"><router-link to="page2" class="nav-link">page2</router-link></li>
    <li class="nav-item"><router-link to="page3" class="nav-link">page3</router-link></li>
    <li class="nav-item"><router-link to="page4" class="nav-link">page4</router-link></li>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-07-10 17:54:09

尝试在path值中使用/page1/home/page1而不是page1

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56967781

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档