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文件方法里面加上如下代码

这样你每点击一个事件触发新的请求时，之前仍在pending的请求就会被强制关闭了

以上这篇vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持华域联盟。

您可能感兴趣的文章:

• 基于axios请求封装的vue应用实例代码
• Vue项目中如何封装axios（统一管理http请求）
• Vue3+TypeScript封装axios并进行请求调用的实现
• vue中axios封装使用的完整教程
• vue中封装axios并实现api接口的统一管理
• vue 导航守卫和axios拦截器有哪些区别
• Vue3配置axios跨域实现过程解析
• Vue项目利用axios请求接口下载excel
• 如何用vue封装axios请求

本文由 华域联盟 原创撰写：华域联盟 » vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作

转载请保留出处和原文链接：https://www.cnhackhy.com/42085.htm