无token实现登录拦截

简介: 无token实现登录拦截

简单的利用sessionStorage机制以及路由中的beforeEach来实现的登录拦截,当然有token是最好的。

主界面,同过setItem来存储登录的判断条件。

 sessionStorage.setItem('isLogin',1);//登录判断

index.js

   {
          path: '/Echarts',
          name: 'Echarts',
          component: Echarts,
          meta: {
             requireAuth: true,  // 添加该字段,表示进入这个路由是需要登录的
          }
        }
router.beforeEach((to, from, next) => {
  let islogin = sessionStorage.getItem("isLogin");
  islogin = Boolean(Number(islogin));//返回布尔值
  if (to.meta.requireAuth) { // 判断该路由是否需要登录权限
    if (islogin) { //true
      next();
    } else {
      next({
        path: '/',
      })
    }
  } else {
    next();
  }
});

image.png


相关文章
|
存储 JSON 安全
每日一博 - 闲聊 Session、cookie、 JWT、token、SSO、 OAuth 2.0
每日一博 - 闲聊 Session、cookie、 JWT、token、SSO、 OAuth 2.0
110 0
|
5月前
|
Java Spring
JWT token验证后,通过 ThreadLocal 进行传值
JWT token验证后,通过 ThreadLocal 进行传值
67 0
|
6月前
|
安全 NoSQL Java
JWT和Security 登录权限判断和token访问和让token失效
JWT和Security 登录权限判断和token访问和让token失效
|
8月前
|
SQL 数据安全/隐私保护
带token的多用户登录(注册直接粗暴解决)
带token的多用户登录(注册直接粗暴解决)
带token的多用户登录(注册直接粗暴解决)
|
8月前
|
存储 缓存 NoSQL
【视频+源码】登录鉴权的三种方式:token、jwt、session实战分享
【视频+源码】登录鉴权的三种方式:token、jwt、session实战分享
148 1
|
8月前
通过jwt基于token实现登陆认证通过jwt基于token实现登陆认证
通过jwt基于token实现登陆认证通过jwt基于token实现登陆认证
55 0
|
存储 前端开发 NoSQL
|
存储 缓存 NoSQL
解决Shiro jwt并发刷新token问题
解决Shiro jwt并发刷新token问题
584 0
|
存储 算法 Shell
登录凭证(cookie+session和Token令牌)
登录凭证(cookie+session和Token令牌)
368 0
登录凭证(cookie+session和Token令牌)
|
数据安全/隐私保护 网络架构 存储
快速理解 session/token/cookie 认证方式
目录 目录 cookie session token cookie Web Application 一般以 HTTP 协议作为传输协议, 但 HTTP 协议是无状态的.
1441 0