前端无感登录(无感刷新token)

  1. 在响应器中拦截(判断token返回过期后,调用刷新token的接口)

  2. 后端返回过期时间,前端判断token的过期时间,去调用刷新token的接口

  3. 写定时器,定时刷新token接口
    流程:

  4. 登录成功后保存两个token(登录成功的token)和refresh_token(重新调用新token的接口的token)

  5. 在响应拦截器中对401状态码引入刷新token的api方法调用

  6. 替换保存本地新的token

  7. 把错误对象里的token替换

  8. 再次发送未完成的请求

  9. 如果refresh_token也过期了,就要清除所有token重新登录。

相关推荐
数据分析螺丝钉19 分钟前
力扣第218题“天际线问题”
经验分享·python·算法·leetcode·面试
叁分之一1 小时前
“我打包又失败了”
前端·npm
tang游戏王1231 小时前
AJAX进阶-day4
前端·javascript·ajax
无语听梧桐1 小时前
vue3中使用Antv G6渲染树形结构并支持节点增删改
前端·vue.js·antv g6
知其然亦知其所以然1 小时前
深入Kafka:如何保证数据一致性与可靠性?
后端·面试·kafka
go2coding1 小时前
开源 复刻GPT-4o - Moshi;自动定位和解决软件开发中的问题;ComfyUI中使用MimicMotion;自动生成React前端代码
前端·react.js·前端框架
freesharer2 小时前
Zabbix 配置WEB监控
前端·数据库·zabbix
web前端神器2 小时前
forever启动后端服务,自带日志如何查看与设置
前端·javascript·vue.js
是Yu欸2 小时前
【前端实现】在父组件中调用公共子组件:注意事项&逻辑示例 + 将后端数组数据格式转换为前端对象数组形式 + 增加和删除行
前端·vue.js·笔记·ui·vue
杰哥在此2 小时前
Java面试题:解释跨站脚本攻击(XSS)的原理,并讨论如何防范
java·开发语言·面试·编程·xss