Axios 批量请求数据

Axios 批量请求数据

//在mounted周期同时发送两个请求
 mounted(){
    
    
    var resData= this; 
    this.$axios.all([resData.baner1(),resData.baner2()])
     
   // 或者 axios.spread 解决高并发的问题 https://www.jb51.net/article/199256.htm

	this.$axios.all([resData.baner1((), resData.baner2()])
	 .then(this.$axios.spread(function (allBaner1, allBaner2 ) {
    
    
  		debugger//打印可以拿到所有的返回值
  		allBaner1== 方法一的返回值
  		allBaner2 == 方法二的返回值
 }));
  }
methods:{
    
    
    baner1(){
    
    
     console.log('调用第一个接口')
     return this.Axios.post('/bannerApi1')
                .then(res => {
    
    
                    const banner1 = res.data.banner1
                    this.banner1 = banner1
                    console.log(banner1)
                });
    },
    baner2(){
    
    
     console.log('调用第二个接口')
      return this.Axios.post('/bannerApi2')
                .then(res => {
    
    
                    const banner2 = res.data.banner2
                    this.banner2= banner2
                    console.log(banner2)
                });
    }
  },