无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


相关文章
|
4月前
|
Java Spring
JWT token验证后,通过 ThreadLocal 进行传值
JWT token验证后,通过 ThreadLocal 进行传值
55 0
|
5月前
|
安全 NoSQL Java
JWT和Security 登录权限判断和token访问和让token失效
JWT和Security 登录权限判断和token访问和让token失效
|
6月前
|
JSON 前端开发 数据格式
关于JWT令牌和过滤器以及拦截器的实现流程
JWT令牌用于验证用户请求合法性,登录时通过Filter或Interceptor校验账号密码,生成JWT并返回给前端保存。请求时,后端通过解析令牌检查其完整性、时效性和合法性。Filter在请求处理前检查是否携带JWT,Interceptor的preHandle方法同样用于此目的。两者选择其一即可,拦截器配置更精确但稍复杂。
|
7月前
|
前端开发 Java Spring
SpringBoot通过拦截器和JWT令牌实现登录验证
该文介绍了JWT工具类、匿名访问注解、JWT验证拦截器的实现以及拦截器注册。使用`java-jwt`库生成和验证JWT,JwtUtil类包含generateToken和verifyToken方法。自定义注解`@AllowAnon`允许接口匿名访问。JwtInterceptor在Spring MVC中拦截请求,检查JWT令牌有效性。InterceptorConfig配置拦截器,注册并设定拦截与排除规则。UserController示例展示了注册、登录(允许匿名)和需要验证的用户详情接口。
939 1
|
7月前
|
存储 缓存 NoSQL
【视频+源码】登录鉴权的三种方式:token、jwt、session实战分享
【视频+源码】登录鉴权的三种方式:token、jwt、session实战分享
131 1
|
存储 前端开发 NoSQL
|
存储 前端开发 安全
鉴权 5 兄弟:cookie、session、token、jwt、单点登录,终于有人说清楚了。。。(3)
鉴权 5 兄弟:cookie、session、token、jwt、单点登录,终于有人说清楚了。。。(3)
335 0
鉴权 5 兄弟:cookie、session、token、jwt、单点登录,终于有人说清楚了。。。(3)
|
存储 JSON 安全
鉴权 5 兄弟:cookie、session、token、jwt、单点登录,终于有人说清楚了。。。(2)
鉴权 5 兄弟:cookie、session、token、jwt、单点登录,终于有人说清楚了。。。(2)
267 0
鉴权 5 兄弟:cookie、session、token、jwt、单点登录,终于有人说清楚了。。。(2)
|
存储 负载均衡 前端开发
鉴权 5 兄弟:cookie、session、token、jwt、单点登录,终于有人说清楚了。。。(1)
鉴权 5 兄弟:cookie、session、token、jwt、单点登录,终于有人说清楚了。。。(1)
354 0
鉴权 5 兄弟:cookie、session、token、jwt、单点登录,终于有人说清楚了。。。(1)
|
前端开发 数据库 开发者
根据 token 获取用户信息(接口) | 学习笔记
快速学习根据 token 获取用户信息(接口)