Vue之axios并发多个请求

最新推荐文章于 2024-04-17 21:36:01 发布

Jocelyn_书

最新推荐文章于 2024-04-17 21:36:01 发布

阅读量2k

点赞数 1

分类专栏：项目文章标签： axios 并发请求

本文链接：https://blog.csdn.net/weixin_42307283/article/details/110915825

版权

项目专栏收录该内容

38 篇文章 1 订阅

订阅专栏

情景描述：当一次需要请求多个接口时，就可以使用axios.all();

因为重新封装了实例了axios所以，在实际调用的时候使用封装后的this.$axios.all()会报错的

所以需要重新引进一个axios实例

import axios from "axios";

 axios.all([
              this.$axios.post(this.$api.ExistNewAlarm),//这里是你请求的方法配置
              this.$axios.post(this.$api.ExistNewFault),
              this.$axios.post(this.$api.ExistNewGatewayOffline)
          ]).then(
            axios.spread( (res1,res2,res3) => {
    
                //这里是返回的数据
            })
        )

promise.all也可以并发请求 axios.all就是根据promise.all进行二次封装的

getBtnPermission() {
			let p1 =  Api.apiGetButtonPermission({ link: this.$route.matched[1].path })
			let p2 =  Api.apiGetButtonPermission({ link:'/article' })
            Promise.all([p1,p2]).then(res=>{
                console.log("res",res)
                //这里打印出来的res就是请求的数据

       
            })
		},