路由死循环报错:RangeError: Maximum call stack size exceeded’

一般vue-router报错说明是路由配置出问题了,或者跳转调用路由的时候出现死循环

在路由跳转时加了一个全局守卫导航验证token是否存在,若不存在则跳转到登录界面。

错误如下

路由死循环报错:RangeError: Maximum call stack size exceeded’_第1张图片

 错误代码如下

router.beforeEach(function (to, from, next) {
  if (to.path === '/home') {
    const token = localStorage.getItem('token')
    if (token) {
      next()
    }
  } else {
    next('/login')
  }

})

正确代码如下:

router.beforeEach(function (to, from, next) {
  if (to.path === '/home') {
    const token = localStorage.getItem('token')
    if (token) {
      next()
    } else {
      next('/login')
    }
  } else {
    next()
  }

你可能感兴趣的:(前端,开发语言,vue.js)