vue 一个方法提交多个接口怎么写
时间: 2024-01-21 12:04:50 浏览: 20
你可以使用`Promise.all()`方法来同时发送多个API请求,并且等待所有请求都完成后再进行下一步操作。以下是示例代码:
```javascript
// 定义所有需要请求的接口
const api1 = '/api/one';
const api2 = '/api/two';
const api3 = '/api/three';
// 定义请求参数
const params = {
data: 'some data',
};
// 使用 Promise.all() 方法发送多个请求
Promise.all([
axios.post(api1, params),
axios.post(api2, params),
axios.post(api3, params),
])
.then((results) => {
// 所有请求都成功返回后的操作
console.log('result 1:', results[0].data);
console.log('result 2:', results[1].data);
console.log('result 3:', results[2].data);
})
.catch((error) => {
// 请求失败后的操作
console.error(error);
});
```
在上面的示例中,我们使用了`axios`库来发送请求,同时将所有请求放在一个数组中作为`Promise.all()`的参数。当所有请求都成功返回时,我们可以在`then()`方法中获取所有请求的结果。如果有任何一个请求失败,`catch()`方法将会捕捉到错误。