vue-router 路由拦截

在需要登录的路由里面加上这个配置，键名可以自己取

以下代码就是判断有没有登录
router.beforeEach((to, from, next) => {
if (to.meta.isJurisdiction) {
if (sessionStorage.getItem(‘username’)) {
next();
} else {
next({
path: ‘/login’
})
}
} else {
next();
}
})
to.meta.isJurisdiction是判断进入的路由需不需要登录

如果出现如下图这样的报错是以为路由重定向引起的的报错

if (from.name != “Login”) {
next({
path: ‘/login’
})
}
可以先判断当前页面是不是要跳转的页面 如果不是再跳转就不会有这个问题