vue-router跳转错误,地址显示正确,页面不跳转

router.js

const Login = r => require.ensure([], () => r(require('./pages/regLogin/login.vue')), 'regLogin');
{
    path: '/RegLogin',
    component: regLogin,
    name: '',
    hidden: true,
    children: [
        {path: '/login', 
         component: Login,
         meta: {allowBack: false}//阻止浏览器默认行为返回
        },
        
    ]
},

xx.vue

<router-link class="aHover"  to="/login">登录</router-link>
阅读 5.6k
4 个回答

代码没贴全,不过控制台错误会告诉你答案

<router-link class="aHover" to="/RegLogin/login">登录</router-link>

你项目没有404页面吗? 如果有的话是不是匹配到404页面了?

这样试试:

<router-link class="aHover" to="/RegLogin/login">登录</router-link>

你设置了name , 通过一个名称来标识一个路由,却 name: '' 是个空的name

命名路由

要链接到一个命名路由,可以给 router-link 的 to 属性传一个对象:

<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

你代码改成

{
        path: '/RegLogin',
        component: regLogin,
        name: 'regLogin',
        //.....
   }
<router-link :to="{name:'regLogin'}"></router-link>

试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题