vue-router报错:RangeError: Maximum call stack size exceeded
今天在运行本地项目的时候,vue-router报错:RangeError: Maximum call stack size exceeded,当时发现自己在run dev的时候,命令行里面是没有任何问题的,在进入界面的时候,也不跳转,后面去看了自己配置的路由,找到解决方法首先,我的正常路由配置{path: '*',redirect: '/userhome'...
今天在运行本地项目的时候,vue-router报错:RangeError: Maximum call stack size exceeded,当时发现自己在run dev的时候,命令行里面是没有任何问题的,在进入界面的时候,也不跳转,后面去看了自己配置的路由,找到解决方法
首先,我的正常路由配置
{
path: '*',
redirect: '/userhome',
},
{
path: '/firstshopping',
component: firstshopping
},
{
path: '/allshopping',
component: allshopping
},
这里都是没有问题的,问题出在拦截配置
router.beforeEach((to, from, next) => {
if (to.matched.some(res => res.meta.requireAuth)) {
if (sessionStorage.getItem('sessiontoken')) {
console.log(1111)
next()
} else {
console.log(22222)
next({
path: '/login',
query: { redirect: to.fullPath }
})
}
} else {
next()
}
})
我浏览器输入的结果,是一直不停的死循环
然后我去查看自己的路由配置,发现自己之前是把login的路由配置给注释了,之前觉得既然在拦截里面配置路由跳转,路由里面不应该再次配置一次,现在回想应该是找不到对应的路由和组件,只需要把注释的路由代码打开,就正常运行了
打开注释的地方
一般vue-router报错说明是路由配置出问题了,或者跳转调用路由的时候出现死循环,RangeError: Maximum call stack size exceeded是死循环出现的语句
希望能帮助到大家
更多推荐
所有评论(0)