vue-axios同时执行多个请求

最新推荐文章于 2026-05-17 17:39:12 发布

转载最新推荐文章于 2026-05-17 17:39:12 发布 · 1.7w 阅读

标签

#vue-axios

收录于

前端专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何使用Axios库并发发起多个HTTP请求，并在所有请求完成后再统一处理响应。通过axios.all方法，开发者可以轻松实现请求的并行处理，提高应用效率。文中详细解释了axios.all和axios.spread的用法。

axios.all([

    axios.get('https://api.github.com/xxx/1'),

    axios.get('https://api.github.com/xxx/2')

  ])

  .then(axios.spread(function (userResp, reposResp) {

    // 上面两个请求都完成后，才执行这个回调方法

    console.log('User', userResp.data);

    console.log('Repositories', reposResp.data);

  }));

当所有的请求都完成后，会收到一个数组，包含着响应对象，其中的顺序和请求发送的顺序相同，可以使用 axios.spread 分割成多个单独的响应对象