如何使用vue-axios同时请求多个接口，确保所有接口全部加载完毕？

本文共计361个文字，预计阅读时间需要2分钟。

我尽量简化了这段代码，不使用缩写，并确保不超过100个字：

javascript使用Axios.all同时发送三个请求，请求完成后打印全部加载完成，失败则打印错误响应。

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

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的接口请求。