vue-router beforeEach触发两次这是为什么有谁遇到这种情况了

Question

vue-router beforeEach触发两次这是为什么有谁遇到这种情况了

Answer 1

代码写错了吧，有时候你在里边写错了的话，不止触发一次，还可能触发n多次导致死循环。
比如下面的案例：

router.beforeEach((to, form, next) => {
  if (to.name === null) {
    // 配置404页面
    next({
      name: 'errorPage',
      query: { status: 404 }
    })
  } else if (local.getItem(STORAGE_KEYS.TOKEN)) {
    // 判断如果有token
    next()
  } else {
    next({
      path: '/login'
    })
  }
})

将会导致浏览器报错，路由无法正常渲染。