axios logger (Interceptors)

axios-dev-interceptors.js

// axios development only interceptors
// https://github.com/mzabriskie/axios#interceptors

/**
 * Strip baseURL from URL
 *
 * @param config Object
 * @returns String
 */
function getUrl(config) {
  if (config.baseURL) {
    return config.url.replace(config.baseURL, '');
  }
  return config.url;
}

// Intercept all requests
window.axios.interceptors.request.use(
  (config) => {
    console.log('%c ' + config.method.toUpperCase() + ' - ' + getUrl(config) + ':', 'color: #0086b3; font-weight: bold', config);
    return config
  },
  (error) => {
    return Promise.reject(error);
  }
);

// Intercept all responses
window.axios.interceptors.response.use(
  (response) => {
    console.log('%c ' + response.status + ' - ' + getUrl(response.config) + ':', 'color: #008000; font-weight: bold', response);
    return response;
  },

  (error) => {
    if(error.response) {
       console.log('%c ' + error.response.status + ' - ' + getUrl(error.response.config) + ':', 'color: #a71d5d; font-weight: bold', error.response);
    }
      
    return Promise.reject(error);
  }
);