Vue核心技术-48,Axios-配置默认值

一,前言

本节介绍axios默认值的配置,通常像接口地址host+port,这部分是可以单独进行配置的

---

二,全局默认值

axios.defaults.baseURL = 'https://api.example.com';
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

---

三,自定义实例默认值

// 创建实例时设置配置的默认值
var instance = axios.create({
  baseURL: 'https://api.example.com'
});

// 在实例已创建后修改默认值
instance.defaults.headers.common['Authorization'] = AUTH_TOKEN;

---

四,配置的优先顺序

顺序从低到高为:(配置会以此进行合并)

1,lib/defaults.js中的库的默认值
2,实例的defaults属性
3,请求的config参数

// 使用库默认值创建实例
// 超时配置默认值为0
var instance = axios.create();

// 在实例的defaults属性,覆写库的超时默认值
// 请求超时时间被修改为2.5秒
instance.defaults.timeout = 2500;

// 为耗时请求通过config参数单独设置超时时间,覆写实例defaults属性和库的超时默认值
instance.get('/longRequest', {
  timeout: 5000
});