今天在运行本地项目的时候，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是死循环出现的语句
希望能帮助到大家
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/214362.html原文链接：https://javaforall.net
