vue 多个api请求_vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作...

我就废话不多说了，大家还是直接看代码吧~

Axios.all([request1, request2, request3])

.then(

Axios.spread((area, acct, perms) => {

console.log("全部加载完成")

})

)

.catch(err => {

console.log(err.response)

});

需要在当前路由引入axios

import Axios from "axios";

补充知识：vue，axios处理同一个接口多次访问的执行顺序问题

碰到个问题记录一下，就是axios同时多次请求同一个接口(参数不同)导致数据混乱的问题，就是先点击A，马上再点击B，结果A请求数据的速度比B的慢，导致，展示数据的时候B的结果先出来，又马上闪成A请求的数据了。这里有一种解决办法，在点击新的接口请求时，关闭之前正在pending的接口请求。

在已经封装好的axios方法里面，加上红框中代码，然后再在你需要的vue文件方法里面加上如下代码