axios全局配置
axios的全局配置
有时候,我们在一个项目中需要发送多个请求,到那时这些请求的配置内容大部分是一样的,如url相同,只不过发送的数据不同,
比如,post请求时,请求头等信息都是不变的
此时,我们就需要反复的书写这些相同的配置,为了解决这些问题,我们引入了axios全局默认配置
示例:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
axios.all([ axios({ url: 'http://123.207.32.32:8000/home/data', params:{ type: 'data', page: 1 } }), axios({ url: 'http://123.207.32.32:8000/home/data', params:{ type: 'sell', page: 5 } }) ]).then(results => { console.log(results); })
这两个请求的url相同,只有params不同,此时我们可以将url进行默认配置
方法:
1. 进行url的默认配置
axios.default.vaseURL = 'http://123.207.32.32:8000/home/data'
// 还可以设置响应事件,超时则自动抛出异常
axios.default.timeout = 5000
2. 此后发送请求后,默认的配置部分我们可以不用填写
源代码可简化为: 即直接不设置url
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
axios.all([ axios({ params:{ type: 'data', page: 1 } }), axios({ params:{ type: 'sell', page: 5 } }) ]).then(results => { console.log(results); })
axios相关的全局默认配置还有很多,需要的时候自行查阅