axios解决高并发的方法：axios.all()、axios.spread()

最新推荐文章于 2025-02-18 20:30:00 发布

小仙女de成长

最新推荐文章于 2025-02-18 20:30:00 发布

阅读量622

点赞数

分类专栏： vue

原文链接：https://blog.csdn.net/qq_41619796/article/details/102595293

版权

axios 并发请求接口调用 Promise JavaScript

关键词由CSDN通过智能技术生成

vue 专栏收录该内容

218 篇文章

订阅专栏

本文介绍了如何在JavaScript中利用axios库处理高并发请求。通过axios.all和axios.spread结合，可以同时发起多个API请求，并在所有请求完成时获取所有返回值。示例中展示了如何封装axios方法并同时调用两个不同的接口，然后在then块中处理并发请求的结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：

很多时候，我们可能需要同时调用多个后台接口，就会高并发的问题，一般解决这个问题方法：

axios.all 和 axios.spread

***注意这里的$get是封装的axios方法，有兴趣的朋友请参考另一篇
//方法一：
searchTopic() {
  return this.$axios({
              url:'地址1',
              method:'方式',//get/post/patch/put/deleted
              params:{//参数get所以用params。post.put用data
              }
            })
}
 //方法二：
searchs(){
          return this.$axios({
              url:'地址1',
              method:'方式',//get/post/patch/put/deleted
              params:{//参数get所以用params。post.put用data
              }
            })
         },
 
 
axios.all([searchTopic(), searchs()])
  .then(axios.spread(function (allSearchTopic, allSearchs) {
    debugger//打印可以拿到所有的返回值
    allSearchTopic == 方法一的返回值
    allSearchs == 方法二的返回值
  }));