axios在vue中的使用-并发请求all(),spread（）

最新推荐文章于 2023-08-16 15:35:58 发布

原创最新推荐文章于 2023-08-16 15:35:58 发布 · 333 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文介绍了一种使用axios库实现的并发请求方案，通过axios.all()与axios.spread()组合，实现了对多个API的同时调用并统一处理返回的数据。这种方式可以有效提升前端应用的数据加载效率。

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

export default {
  name: 'axios2-3',
  created() {
    // axios.all() axios.spread()
    //并发请求：同时进行多个请求，并统一处理返回值
    axios.all(
        [
            axios.get('/data.json'),
            axios.get('/city.json')
        ]
    ).then(
        axios.spread((dataRes,cityRes)=>{
          console.log(dataRes,cityRes) 
        })
    )
  },
}
</script>