vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
时间：2021-03-11 10:08:06 | 栏目：vue | 点击：次
我就废话不多说了，大家还是直接看代码吧~
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文件方法里面加上如下代码
这样你每点击一个事件触发新的请求时，之前仍在pending的请求就会被强制关闭了