前端无感登录(无感刷新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重新登录。

相关推荐
M ? A几秒前
你的 Vue v-for,VuReact 会编译成什么样的 React 代码?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
午安~婉几秒前
Electron桌面应用(续3)
前端·javascript·electron·重构通用模型·异步可迭代对象
W.A委员会1 分钟前
伪类与伪元素
前端·javascript·css
午安~婉1 分钟前
Electron桌面应用(续2)
前端·javascript·electron·路由守卫·优化llm返回的内容
2501_933670795 分钟前
大厂HR内部爆料:2026年招聘资深员工,拥有这些证书的简历优先进入面试池!
面试·职场和发展
逻辑驱动的ken5 分钟前
Java高频面试场景题07
java·开发语言·面试·职场和发展·求职招聘·春招
callJJ12 分钟前
JVM 内存区域划分详解——从生活比喻到运行时数据区全景图
java·jvm·面试·内存区域划分
邪修king14 分钟前
C++ vector 超全攻略:核心知识点、STL 生态联系与避坑指南
c语言·c++·面试
人道领域25 分钟前
【LeetCode刷题日记】:344,541-字符串反转字符串反转技巧:双指针原地交换法
算法·leetcode·面试
eEKI DAND25 分钟前
一个比 Nginx 还简单的 Web 服务器
服务器·前端·nginx