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

相关推荐
ZC跨境爬虫9 分钟前
跟着 MDN 学 HTML day_29:(动态构建与更新 DOM 树)
前端·javascript·ui·html·html5·媒体
编程技术手记14 分钟前
html table布局平衡
前端·html
huoyueyi24 分钟前
3D数字孪生项目 LCP 优化指南
前端·3d·几何学
研究点啥好呢42 分钟前
Momenta后端开发面试题精选:10道高频考题+答案解析(数据产线方向)
c++·python·面试·求职招聘
菜鸟小芯1 小时前
【腾讯位置服务开发者征文大赛】校园美食雷达 —— 基于 CodeBuddy + 腾讯 LBS 开发实战
前端·美食
搜狐技术产品小编20231 小时前
深度解析与业务实战:将 screenshot-to-code 改造为支持 React + Ant Design 的前端利器
前端·javascript·react.js·前端框架·ecmascript
Rik1 小时前
Cursor Rules 深度玩法:从全局配置到项目级规则,让 AI 真正理解你的项目
前端·后端
weixin_471383031 小时前
set和map结构,减少O(n)复杂度
前端·javascript
hunteritself1 小时前
GPT Image2 + Seedance 2.0:3 小时从剧本到 AI 互动影游,深度实测复盘
前端·数据库·人工智能·深度学习·transformer
独秀不如众秀1 小时前
前端页面引擎协议:由浅入深——从 30 行到 vform3 的演化之路
前端