关于vue路由守卫做登陆状态判断的问题

关于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;

这里只是判断点击一个页面的路由，如果我想判断更多的路由，比如我未登录时首页有几个导航可以进入，当没有登陆时跳转到登陆页面，如果登陆了直接跳转进去点击的页面，这该如何实现？欢迎各位大佬留言指导下小弟，谢谢！!

改写路由守卫

登陆页面这样跳转

axios这边这样登陆成功跳转当前点击页面