vue无感刷新token

在Vue中实现无感刷新token的方法可以通过拦截器来实现。首先，你可以在axios的响应拦截器中判断返回的状态码是否为401，如果是的话，说明token已过期。然后，你可以设置一个变量isRefreshing来控制是否正在刷新token的状态。当第一个请求触发token过期时，isRefreshing会被设置为true，然后发送刷新token的请求，获取最新的token并进行覆盖。在刷新token的过程中，其他请求会被拦截并等待token刷新完成后再继续发送。当token刷新完成后，isRefreshing会被设置为false，其他请求会继续发送。以下是一个示例代码：

import axios from 'axios'

let isRefreshing = false

axios.interceptors.response.use(
  response => {
    if (response.status === 401) {
      if (!isRefreshing) {
        isRefreshing = true
        return refreshToken().then(res => {
          const { token } = res.data
          // 更新token
          response.headers.Authorization = `${token}`
          // 继续发送之前被拦截的请求
          return axios(response.config)
        }).catch(err => {
          // 刷新token失败，跳转到登录页
          router.push('/login')
          return Promise.reject(err)
        }).finally(() => {
          isRefreshing = false
        })
      }
    }
    return response && response.data
  },
  error => {
    // 处理错误
    return Promise.reject(error)
  }
)

在上述代码中，refreshToken()是一个发送刷新token请求的函数，你可以根据你的实际情况进行实现。当token过期时，其他请求会被拦截并等待token刷新完成后再继续发送。这样就实现了Vue中的无感刷新token的功能。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* [VUE中拦截请求并无感知刷新token](https://blog.csdn.net/Wangyuan_wo/article/details/121209540)[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^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Vue 无感刷新token](https://blog.csdn.net/weixin_45308405/article/details/127643153)[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^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [VUE前端实现token的无感刷新,即refresh_token](https://blog.csdn.net/yu1431/article/details/130835868)[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^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]