axios configs

axios.js

import axios from 'axios';
import { Message } from 'element-ui';
import store from './store';
import { router } from './router';

if (process.env.NODE_ENV === 'production') {
  axios.defaults.baseURL = '';
} else {
  axios.defaults.baseURL = '';
}

function showErrorMessage(message) {
  Message.error({ showClose: true, message: message });
}

axios.interceptors.request.use((config) => {
  store.addLoadingRef();
  // set token
  if (localStorage.getItem('...')) {
    config.headers['...'] = localStorage.getItem('...');
  }
  return config;
}, (error) => {
  if (process.env.NODE_ENV !== 'production') {
    // eslint-disable-next-line
    console.log(error);
  }
  return Promise.reject(error);
});

axios.interceptors.response.use((response) => {
  store.minusLoadingRef();
  if (process.env.NODE_ENV !== 'production') {
    // eslint-disable-next-line
    console.log(response);
  }
  const { data } = response;
  if (data.code !== 0) {
    showErrorMessage(`${data.msg} ${data.code}`);
    // remove token
    if (data.code === ...) {
      localStorage.removeItem('...');
      router.push({ name: 'login' });
    }
    return Promise.reject(data);
  }
  return data.data;
}, (error) => {
  store.minusLoadingRef();
  if (process.env.NODE_ENV !== 'production') {
    // eslint-disable-next-line
    console.log(JSON.stringify(error));
  }
  if (error.response) {
    const message = 'Server Exception';
    showErrorMessage(`${message} ${error.response.status}`);
  } else if (error.request) {
    showErrorMessage(error.request);
  } else {
    showErrorMessage(error.message);
  }
  return Promise.reject(error);
});

export default axios;