axios默认配置

1.axios.create配置实例默认值

request.js

import axios from "axios";

const service= axios.create({
  baseURL: 'http://cs.api/user/',
  timeout: 1000,
  headers: {'X-Custom-Header': 'foobar'}
});
export default service  //返回promise对象

api.js引入request.js

import request from 'request'

export function login({userName: Fsir, password: 123456}) {
  return request({  //返回一个pormise对象
    baseURL: 'http://cs.api/admin/',  //修改默认配置登录调用admin模块的api
    timeout: 20000,  //重写超时时间
    url: '/login',
    method: 'post',
    data: data
  })
}
//也可以使用defaults重新配置实例默认值
export function login2({userName: Fsir, password: 123456}) {
  request.defaults.baseURL = 'http://cs.api/admin/';  //修改调用admin模块的api
  request.defaults.timeout = 20000;  //重写超时时间
  return request({  //返回一个pormise对象
    url: '/login',
    method: 'post',
    data: data
  })
}

2.axios.defaults配置全局默认值默认值

如果直接配置axios全局配置的话通常会在main.js引入
axiosConfig.js

import axios from "axios";

axios.defaults.timeout = 10000;
axios.defaults.baseURL = 'http://cs.api';
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

优先级问题
通常来说 axios.defaults < axios.create < 直接传参