判断 是否登录 登录路由首位

文章介绍了如何在VueRouter中利用sessionStorage来管理前端登录状态,当用户试图访问非登录页面时,系统会检查sessionStorage中是否存在特定数据(如Chao键),如果没有则提示登录并重定向到登录页面。
摘要由CSDN通过智能技术生成
//在登录页面这样写             sessionStorage.setItem("Chao", "888");


// getItem 后面两个参数必须一样的 否则在提醒你登录

router.beforeEach((to, from, next) => {
  if (to.path == "/logonView") {
    //如果用户要访问的是 /logonView 路由,则直接放行
    next();
  } else {
    //否则,检查用户是否已经登录(这里通过检查 sessionStorage 中是否有特定的数据来判断),如果已登录则放行,否则弹出一个提示框告知用户需要登录,并将路由切换到 /logonView
    if (sessionStorage.getItem("Chao") != null) { //存储登录
      next();
    } else {
      alert("请登录");
      next("/logonView");
    }
  }
});

//in front         sessionStorage.setItem("Chao", "888");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值