token无感刷新方法

1.这里推荐去看这个老师的视频,我的方案都是根据他的视频来的视频地址

2.这边使用的工具是axios

import axios from 'axios'
const service = axios.create({
  baseURL: '',
  headers: {
    Authorization: 'token 你自己的token',
  },
  timeout: 1000 * 60,
})

// 拦截响应
service.interceptors.response.use(
  response => {
    return response.data
  },

  async error => {
    // 这边判断你的哪个code是要刷新的
    // 也可以写在上面得response里面
    // 这边先做个假设 code = 1004是刷新token
    if (error.code === 1004) {
      await refreshToken()
        .then(async newToken => {
          let config = error.config
          config.headers.Authorization = newToken
          await service(config)
            .then(newRes => {
              return newRes
            })
            .catch(newErr => {
              console.log(newErr)
            })
        })
        .catch(newErr => {
          return newErr
        })
    }
  }
)

let promise = null
function refreshToken() {
  if (promise) {
    return promise
  }
  promise = new Promise((resolve, reject) => {
    // 这边是你的刷新token得方法
    // 我假设一个定时器
    setTimeout(() => {
      let token = 'newToken'
      resolve(token)
      // 这边你的刷新token的方法报错的话就按你的想法处理
      // reject('刷新token报错了')
    }, 1000)
  })
  promise.finally(() => {
    promise = null
  })
  return promise
}

export default service

3.这是我写的测试的代码,(可能会有错的地方,但是思路是那样的)我实际用的代码和这个思路是一样的,多个请求同时发起,里面是做了判断的=>promise是否为真, 

4.如何各位大佬有其他的方法欢迎指正 ,或者这个思路有漏洞的,也欢迎指正