Configuration of axios instance to make POST requests.

axios-configure.js

import axios from 'axios'
import { Message } from 'element-ui'

export const baseUrl = 'http://example.com/api';

const transformRequest = (data={}) => {
  if (typeof data === 'string') return data;

  if (!data.oauth)
    data.oauth = localStorage.getItem("token")? localStorage.getItem("token"): (sessionStorage.getItem("token") || "");
  let formData = new URLSearchParams();
  for (var key in data) {
    formData.append(key, data[key]);
  }
  return formData;
}

let _axios = axios.create({
  baseURL: baseUrl,
  headers: {'Content-Type': 'application/x-www-form-urlencoded'},
  transformRequest: [transformRequest],
  timeout: 5000
});

_axios.interceptors.response.use(response => response, error => {
  Message.error('服务器连接超时！');
  return Promise.reject(error);
})

export default _axios;

configure.js

import axios from 'axios'
import { Message } from 'element-ui'

export const baseUrl = 'http://127.0.0.1:8000/fenav-api'
export const loginUrl = 'http://127.0.0.1:8000/fenav-api-token-auth/'

export const TOKEN_KEY = 'u-token'

const transformRequest = (data={}, headers) => {
  let Authorization = localStorage.getItem(TOKEN_KEY) || sessionStorage.getItem(TOKEN_KEY) || null
  if (Authorization) {
    headers.Authorization = 'Token ' + Authorization
  }

  if (typeof data === 'string') return data

  let formData = new URLSearchParams()
  for (var key in data) {
    formData.append(key, data[key])
  }
  return formData
}

let _axios = axios.create({
  baseURL: baseUrl,
  headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
  transformRequest: [transformRequest],
  timeout: 5000
})

_axios.interceptors.response.use(response => response, error => {
  Message.error('服务器连接超时！')
  return Promise.reject(error)
})

export default _axios