0

虽然页面成功跳转,但每跳转一次就报一次错

关键代码:

const router = new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/discover',
      name: 'Discover',
      component: Discover
    },
    {
      path: '/mine',
      name: 'Mine',
      component: Mine,
      meta: {
        requireAuth: true // 添加该字段,表示进入这个路由是需要登录的
      }
    },
    {
      path: '/login',
      name: 'Login',
      component: Login
    }
  ]
})

router.beforeEach((to, from, next) => {
  const token = 1;//未接入后台,仅模拟跳转功能
  if (to.meta.requireAuth) { // 判断是否需要登录权限
    if (token === 0) { 
      next()
    } else {
      next({
        console.log('请登录!')
        path: '/login'
      })
    }
  } else {
    next()
  }
})

报错图:
QQ截图20191010172806.png

求大神解惑~~~

10月10日提问

查看全部 2 个回答

0

你这个问题解决了吗?我也出现这个问题,我这边登录的时候点一次报这个错,不跳转页面,点第二次的时候不报错了,页面跳转。

推荐答案

0

已采纳

碍眼的话可以尝试全局catch一下,或者换下vue-router版本

https://github.com/vuejs/vue-...
看看作者的回答吧

推广链接