vue token过期自动刷新

在Vue中，可以通过使用Axios库来实现token过期自动刷新的功能。首先，在前端代码中，可以使用Axios的封装来发送请求，并在请求中携带token。当token过期时，接口会返回401状态码。此时，前端可以通过拿着refreshToken去刷新token，获取新的token和refreshToken，并将token过期的请求重新发起，实现自动刷新token的效果。\[2\]

在Vue中，可以在Axios的响应拦截器中判断http状态是否为401。如果是401状态码，说明token过期，此时可以使用refreshToken去调用接口，接口会返回新的token和refreshToken。然后，将新的token和refreshToken在Vuex中重新赋值。接着，可以继续调用之前报401的接口，这次使用新的token去请求就可以了。\[3\]

通过以上的方法，可以在Vue中实现token过期自动刷新的功能。这样，在用户没有任何感知的情况下，可以自动刷新token，保证用户的登录状态。
#### 引用[.reference_title]
- *1* [【Token+Vue3】token无感刷新 | token自动刷新 | token过期](https://blog.csdn.net/qq_43614372/article/details/131387406)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [token过期后刷新token并重新发起请求](https://blog.csdn.net/weixin_44886911/article/details/124992704)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue token过期后自动刷新token](https://blog.csdn.net/cai_niao5623/article/details/124104932)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]