共被编辑 1 次

版本 更新时间 贡献者 编辑原因 操作
#r1 10月10日 Likkrit3 创建问题 查看

使用路由导航钩子时出现"uncaught (in promise) undefined"错误

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

关键代码:

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

求大神解惑~~~