Breaking News: Grepper is joining You.com. Read the official announcement!

axios 401 unauthorized refresh token multipal request

Singh99 answered on October 4, 2021 Popularity 3/10 Helpfulness 1/10

answer axios 401 unauthorized refresh token multipal request

axios 401 unauthorized refresh token multipal request

Comment

let refreshTokenPromise // this holds any in-progress token refresh requests

// I just moved this logic into its own function
const getRefreshToken = () => http.post('/token/refresh', {}, {
  withCredentials: true,
  headers: { 'X-CSRF-TOKEN': Vue.$cookies.get('csrf_refresh_token') }
}).then(() => Vue.$cookies.get('csrf_access_token'))

http.interceptors.response.use(r => r, error => {
  if (error.config && error.response && error.response.status === 401) {
    if (!refreshTokenPromise) { // check for an existing in-progress request
      // if nothing is in-progress, start a new refresh token request
      refreshTokenPromise = getRefreshToken().then(token => {
        refreshTokenPromise = null // clear state
        return token // resolve with the new token
      })
    }

    return refreshTokenPromise.then(token => {
      error.config.headers['X-CSRF-TOKEN'] = token
      return http.request(error.config)
    })
  }
  return Promise.reject(error)
})

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: axios javascript refresh-token request unauthorized

Link to this answer
Share Copy Link