作者:玩在青岩堡欢乐长桌宴_840 | 来源:互联网 | 2023-06-04 18:48
axios的全局配置有时候,我们在一个项目中需要发送多个请求,到那时这些请求的配置内容大部分是一样的,如url相同,只不过发送的数据不同,比如,post请求时,请求头等信息都是不变
axios的全局配置
有时候,我们在一个项目中需要发送多个请求,到那时这些请求的配置内容大部分是一样的,如url相同,只不过发送的数据不同,
比如,post请求时,请求头等信息都是不变的
此时,我们就需要反复的书写这些相同的配置,为了解决这些问题,我们引入了axios全局默认配置
示例:
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);
})
View Code
这两个请求的url相同,只有params不同,此时我们可以将url进行默认配置
方法:
1. 进行url的默认配置
axios.default.vaseURL = ‘http://123.207.32.32:8000/home/data‘
// 还可以设置响应事件,超时则自动抛出异常
axios.default.timeout = 5000
2. 此后发送请求后,默认的配置部分我们可以不用填写
源代码可简化为: 即直接不设置url
axios.all([
axios({
params:{
type: ‘data‘,
page: 1
}
}),
axios({
params:{
type: ‘sell‘,
page: 5
}
})
]).then(results => {
console.log(results);
})
View Code
axios相关的全局默认配置还有很多,需要的时候自行查阅
axios全局配置