Vue中使用axios和Promise.all同时发送多个请求全解析

在Vue中，我们可以使用axios库来发送HTTP请求。如果你需要发送多个请求，你可以使用Promise.all()方法来同时发送这些请求。 以下是一个例子： ```javascript import axios from 'axios'; // 假设我们有两个函数，每个函数都会发送一个请求 function request1() { return axios.get('/api/data1'); } function request2() { return axios.get('/api/data2'); } // 我们可以使用Promise.all()来同时发送这两个请求 Promise.all([request1(), request2()]) .then(responses => { // 在这里，responses是一个包含两个响应对象的数组 // 每个响应对象都有一个data属性，包含了服务器返回的数据 console.log(responses[0].data); console.log(responses[1].data); }) .catch(error => { // 如果任何一个请求失败，这个catch块会被执行 console.error(error); }); ``` 在这个例子中，如果所有的请求都成功了，Promise.all()返回的是一个包含所有响应对象的数组。如果任何一个请求失败了，Promise.all()返回的会是一个reject状态的Promise，你可以在这个catch块中处理这个错误。 ######[AI写代码神器 | 254点数解答 | 2023-11-09 01:35:36]