router.beforeEach 跳转某个具体路径死循环问题

跳出死循环的关键

·
import Router from ‘vue-router’
const router = new Router({
{path: ‘/’, component: home },
{path: ‘/login’, component: login},
{path: ‘/error’, component: error},
{path: ‘*’, component: error}
})

router.beforeEach((to, from, next) => {
const isLogin = sessionStorage.getItem(‘loginInfo’)
if (isLogin) {
next()
} else {
next(‘/error’)
}
})
·

解决办法

·
router.beforeEach((to, from, next) => {
const isLogin = sessionStorage.getItem(‘loginData’)
if (isLogin) {
next()
} else {
//next(‘/error’)
if (to.path === ‘/error’) { //这就是跳出循环的关键
next()
} else {
next(‘/error’)
}
}
})
·