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

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

我简单说两句，爸妈还是直接看代码吧。Axios.all([request1, request2, request3]).then(Axios.spread((area, acct, perms)=> { console.log('全部加载完成'); })).catch(err=> { console.log(err.response); }); 需要在当前处

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

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