关于vue路由守卫做登陆状态判断的问题
直接上代码
// 全局路由守卫
router.beforeEach((to, from, next) => {
console.log('navigation-guards');
const nextRoute = ['Individual'];
let isLogin = sessionStorage.getItem("token"); // 是否登录
if (nextRoute.indexOf(to.name) >=0) {
if (!isLogin) {
console.log('what fuck');
router.push({name:'Login' })
}
}
if (to.name ==='login') {
if (isLogin) {
router.push({name:'Individual' });
}
}
next();
});
export default router;
这里只是判断点击一个页面的路由,如果我想判断更多的路由,比如我未登录时首页有几个导航可以进入,当没有登陆时跳转到登陆页面,如果登陆了直接跳转进去点击的页面,这该如何实现?欢迎各位大佬留言指导下小弟,谢谢!!
改写路由守卫
登陆页面这样跳转