vue-Axios实现多个并行请求

最新推荐文章于 2024-05-12 22:17:15 发布

原创最新推荐文章于 2024-05-12 22:17:15 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

前端-vue 专栏收录该内容

12 篇文章

订阅专栏

该博客介绍了如何在Vue项目中利用Axios进行多个并行请求，主要聚焦于citys对象的处理和相关参考链接的分享。

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

  onSearch() {
          var that = this
          // 获取城市code
          const city = sessionStorage.getItem('departCity')
          const citys = window.cityMap.get(city) // 获取城市对象
          // 存储所有http请求
          const reqList = []
          // 存储后台响应每个请求后的返回结果
          const resList = []
          for (let i = 0; i < citys.children.length; i++) {
            var areaCode = citys.children[i].id
            const req = axios.get(process.env.BASE_API + '/api/rescure/sign/receive/rescureSignStatisticalList?areaCode=' + areaCode)
            reqList.push(req)
            resList.push(('post' + (i + 1)).replace(/[']+/g, ''))

         }
          return axios.all(reqList).then(axios.spread(function(...resList) {
            for (let i = 0; i < resList.length; i++) {
            // that.tableData全局变量-数组
              that.tableData.push(resList[i].data.result[0])
            }
            // return resList 
          }))
        },