javascript - 使用vue-router的beforeEach钩子，next('/')报错

Question

使用next()和next(false)都没问题，使用next('/index')就报错

Answer 1

把堆栈打开看看。
Maximum call stack size 是不是死循环了，堆栈超出限制。

---

beforeEach

你这里不加条件判断，当next('/index');执行的时候beforeEach又会执行如此重复。我不太清楚你这么做的理由是什么，不过显然你不应该这样做。

if(con) {
    next('/index')
}
next()

Answer 2

我猜是next('/index')时也触发了beforeach

Answer 3

if (to.matched.some(record => record.meta.requiresAuth)) {

 if(con) {
    next('/index')
  }

}else{

next()

}

官网上面的：

Answer 4

路由1：next('/index')
路由index:next('/index')

死循环了

Answer 5

next('/index')又会调用beforeEach，我是这样写的
let isLogin = Boolean(store.state.token.token)
if (!isLogin) {
    if (to.path !== '/login') {
      return next({ path: '/login' })
    } else {
      next()
    }
  }else {
    if (to.path === '/login') {
      return next({path: '/posts'})
    }
    next()
  }