Axios interceptors token refresh for few async requests. ES6

axios-interceptors-refresh-token.js

import axios from 'axios';
import { settings } from '../settings';
import { authAPI } from '.';

const request = axios.create({
  baseURL: settings.api_v1,
});

request.interceptors.request.use(
  config => {
    const token = authAPI.getAccessToken();
    if (token) {
      config.headers.Authorization = token;
    }

    const url = config.url.split('/');

    if (url[url.length - 1] === 'login') {
      delete config.headers.Authorization;
    }

    return config;
  },
  error => Promise.reject(error),
);

let isRefreshing = false;

let subscribers = [];

request.interceptors.response.use(undefined, err => {
  const { config, response: { status } } = err;
  const originalRequest = config;

  if (status === 401) {
    if (!isRefreshing) {
      isRefreshing = true;
      authAPI.refreshToken().then(respaonse => {
        const { data } = respaonse;
        isRefreshing = false;
        onRrefreshed(data.access_token);
        authAPI.setAccessToken(data.access_token);
        authAPI.setRefreshToken(data.refresh_token);
        subscribers = [];
      });
    }
    const requestSubscribers = new Promise(resolve => {
      subscribeTokenRefresh(token => {
        originalRequest.headers.Authorization = `Bearer ${token}`;
        resolve(axios(originalRequest));
      });
    });
    return requestSubscribers;
  }
  return Promise.reject(err);
});

function subscribeTokenRefresh(cb) {
  subscribers.push(cb);
}

function onRrefreshed(token) {
  subscribers.map(cb => cb(token));
}

export default request;