如何在前端实现无感刷新token的自动更新？

本文共计1634个文字，预计阅读时间需要7分钟。

目录+环境+问题现象+原因+切入点+操作流程+1. 处理+axios+响应截断+2. 封装+refreshToken+逻辑+总结+前一层遇到一个问题，线上平台有时会出现用户正在使用时，突然需要用户进行登录的情况。

目录

• 环境
• 问题现象
• 原因
• 切入点
• 操作流程
• 1、处理 axios 响应拦截
• 2、封装 refreshToken 逻辑
• 总结

前一阵遇到了一个问题，线上平台有时会出现用户正在使用的时候，突然要用户去进行登录，这样会造成很不好的用户体验，但是当时一直没有好的思路因此搁置了下来；通过零散时间查询资料以及思考，最终解决了这个问题，接下来跟大家分享一下！

环境

• 请求采用的 Axios V1.3.2。
• 平台的采用的 JWT(JSON Web Tokens) 进行用户登录鉴权。
  （拓展：JWT 是一种认证机制，让后台知道该请求是来自于受信的客户端；更详细的可以自行查询相关资料）

问题现象

线上用户在使用的时候，偶尔会出现突然跳转到登录页面，需要重新登录的现象。