axios 同时多个请求_Vue 封装axios实现多个请求合并为一次 loading
时间: 2023-10-09 13:06:12 浏览: 181
vue axios封装 axios 请求
3星 · 编辑精心推荐
很抱歉,刚才回答的是如何实现多个请求合并为一次 loading,以下是如何同时发送多个请求的方法:
可以使用axios.all()方法来实现同时发送多个请求,具体实现步骤如下:
1. 在需要同时发送多个请求的地方,使用axios.all()方法来同时发送多个请求。
2. 在.then()方法中对每个请求的响应进行处理。
下面是代码示例:
```
import axios from 'axios'
axios.all([
axios.get('/api/user'),
axios.get('/api/books')
])
.then(axios.spread(function (userResp, booksResp) {
// 对userResp和booksResp进行处理
}))
.catch(function (error) {
console.log(error);
});
```
在以上代码中,我们使用axios.all()方法同时发送了两个请求,分别是获取用户信息和获取书籍信息。在.then()方法中使用axios.spread()方法对每个请求的响应进行处理,其参数为一个回调函数,该函数的参数对应每个请求的响应。如果其中任意一个请求失败,会跳转到.catch()方法中处理错误。
阅读全文