axios在vue中的应用之并发请求
并发请求:同时进行多个请求,并统一处理返回值
例如聊天系统中,需要同时展示个人信息和好友列表,但是这两个信息是需要两个请求返回的。
关键要点:
axios.all(arg) :参数是一个数组,数组里面的值是一个一个的axion请求
axios.spread() :在axios.all多个请求完成的时候,把返回的数据分别处理
axios.all(
[
axios.get('/data.json'), //返回值与下面dataRes对应
axios.get('/city.json')//返回值与下面cityRes对应
]
).then(
axios.spread((dataRes, cityRes) => {
console.log(dataRes, cityRes)
})
)