Vue3 实现基于token 用户登录

前后端分离情况下,实现的大致思路

1 第一次登录的时候,前端调用后端的登录接口,发送用户名与密码

2 后端收到请求,验证用户名和密码,验证成功 给前端返回一个token 

3 前段拿到token 将token 存储进localStorage 和vuex 中,并跳转路由页面

4 前端每次跳转路由,就判断localStorage 中有无 token 没有就跳转到登录页面,有则跳转到对应的路由页面

5 每次调用后端接口,都要在请求头中加token 

6 后端判断请求头中有无token  有token 拿到token 并验证token, 验证成功就返回数据,验证失败返回401  请求头没有携带token 也是返回401

7 如果前端拿到状态码为401  就清除token信息并跳转到登录页面

相关推荐

  1. Vue3 实现基于token 用户登录

    2024-03-29 14:22:06       18 阅读
  2. 基于 HarmonyOS 的用户登录界面实现

    2024-03-29 14:22:06       47 阅读
  3. 使用JWT、Redis + token实现用户登录的两种方式。

    2024-03-29 14:22:06       14 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-29 14:22:06       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-29 14:22:06       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-29 14:22:06       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-29 14:22:06       18 阅读

热门阅读

  1. 前端Vue开发技术总结

    2024-03-29 14:22:06       19 阅读
  2. day72Html

    day72Html

    2024-03-29 14:22:06      24 阅读
  3. 微信小程序监听用户经纬度变化

    2024-03-29 14:22:06       17 阅读
  4. 2024.3.25 ARM

    2024-03-29 14:22:06       17 阅读
  5. ArcGis Pro Python工具箱教程 03 工具箱中工具自定义

    2024-03-29 14:22:06       17 阅读
  6. silk-v3-decoder将sil转为mp3

    2024-03-29 14:22:06       28 阅读