关于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这边这样登陆成功跳转当前点击页面
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 之前没有设置过打包的命名,每次打包都是默认的"app-realease.apk",之后手动修改名字来显示出它是一个...
    mahongyin阅读 10,491评论 2 1
  • It's Monday. I am going to read a poem in my list. Paul R...
    Mr_Oldman阅读 1,832评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,179评论 19 139
  • 何为有界限的家庭?它一般会有以下特征: 有爱的,民主的,容许不同意见的存在。 再往细一点说,这个家庭应该是这样的:...
    暖儿_8833阅读 1,756评论 0 0
  • 小时候,我和同学们一起上学,彼此玩的很高兴。等放学各自回家,就不能看见彼此了。我总在想,他们是不是时间都静止了,只...
    三言客栈阅读 1,760评论 0 1

友情链接更多精彩内容