vue-router报错:RangeError: Maximum call stack size exceeded

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/flting1017/article/details/80533308

今天在运行本地项目的时候,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的路由配置给注释了,之前觉得既然在拦截里面配置路由跳转,路由里面不应该再次配置一次,现在回想应该是找不到对应的路由和组件,只需要把注释的路由代码打开,就正常运行了

打开注释的地方

希望能帮助到大家



猜你喜欢

转载自blog.csdn.net/flting1017/article/details/80533308