1. 程式人生 > >vue-router報錯:RangeError: Maximum call stack size exceeded

vue-router報錯:RangeError: Maximum call stack size exceeded

今天在執行本地專案的時候,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的路由配置給註釋了,之前覺得既然在攔截裡面配置路由跳轉,路由裡面不應該再次配置一次,現在回想應該是找不到對應的路由和元件,只需要把註釋的路由程式碼開啟,就正常運行了

開啟註釋的地方

希望能幫助到大家