Question

我有以下代码可以刷新JWT身份验证令牌：

axios.defaults.headers.common["Authorization"] = 'Bearer ' + jwt.getToken();

axios.interceptors.request.use((config) => {
  let originalRequest = config
  if (jwt.isTokenExpired() && api.unauthPaths.indexOf(config.url) == -1) {
    return api.refreshToken()
      .then(res => {
        if (res.data.error == 'TOKEN_BLACKLISTED' && res.headers.authorization) {
          let token = res.headers.authorization.slice(7)

          console.log(`Current token: ${ axios.defaults.headers.common["Authorization"]}`)
          axios.defaults.headers.common["Authorization"] = 'Bearer ' + token;
          //in this log token is new, but each next request uses the old token
          console.log(`New token: ${ axios.defaults.headers.common["Authorization"]}`)
          alert('token was refreshed')
          return Promise.resolve(originalRequest)
        } else {
          jwt.destroyToken()
          jwt.destroyExpiredTime()
          store.dispatch('auth/destroyToken')
          router.push({name: 'login'})
          return Promise.reject()
        }
      })
  }
  return config
}, (err) => {
  return Promise.reject(err)
})

从服务器获取新令牌时，我需要更新令牌。但是当我使用

axios.defaults.headers.common["Authorization"] = 'Bearer ' + token;

在上面的代码中，axios不会将默认令牌更改为new。每个下一个请求都带有一个旧令牌。如何从axios拦截器设置新令牌？

Answer 1

您可能已经解决了这个问题。但对于也面临这个问题的人来说，这里是解决方案：

如果这是您的原始请求。它还使用原始标题

const originalRequest = error.config

您必须在收到新令牌时更改它们：

originalRequest.headers.Authorization = `Bearer ${res.token}`

但是，您还必须为以后的调用再次设置默认标头：

axios.defaults.headers.common["Authorization"] = `Bearer ${res.token}`

如何从拦截器更新axios默认标头？

1 个答案: