项目中前端如何实现无感刷新 token！

文章预览

前一阵遇到了一个问题，线上平台有时会出现用户正在使用的时候，突然要用户去进行登录，这样会造成很不好的用户体验，但是当时一直没有好的思路因此搁置了下来；通过零散时间查询资料以及思考，最终解决了这个问题，接下来跟大家分享一下！ 环境 请求采用的 Axios V1.3.2。 平台的采用的 JWT(JSON Web Tokens) 进行用户登录鉴权。 （拓展：JWT 是一种认证机制，让后台知道该请求是来自于受信的客户端；更详细的可以自行查询相关资料） 问题现象 线上用户在使用的时候，偶尔会出现突然跳转到登录页面，需要重新登录的现象。 原因 突然跳转到登录页面，是由于当前的 token 过期，导致请求失败；在 axios 的响应拦截 axiosInstance.interceptors.response.use 中处理失败请求返回的状态码 401，此时得知 token 失效，因此跳转到登录页面，让用户重新进行登录 ………………………………