usingaxios.all当一个页面被连续调用且请求所需要的参数相同,同时发出请求时,可以考虑使用axios.all。具体使用可以看下面的例子://先把请求的接口放入spreadletallPost=axios.all([this.$api.post(storeDailySale,params),this.$api.post(storeSale,params),this.$api.post(storeTopProduct,params),]);allPost.then(//获取所请求接口的别名。别名的顺序不需要一一对应axios.spread((storeSale,storeDailySale,storeTopProduct)=>{Toast.loading({mask:true,message:'Loading...'});//销售图表渲染if(Object.is(storeSale.data.code,200)||Object.is(storeSale.data.code,500)){setTimeout(()=>{Toast.clear();},1000);this.chartData=storeSale.data.result;//销售报表趋势图this.initChart(this.chartData);//初始化图表}//Top50salesif(Object.is(storeTopProduct.data.code,200)){this.salesTop=storeTopProduct.data.result;}//销售汇总数据if(Object.is(storeDailySale.data.code,200)){this.totalSales=storeDailySale.data.result[0];}this.startDate=start;this.endDate=end;}))优点:同步调用接口,同步执行代码,减少代码大小,清晰请求结构缺点:当其中一个接口报错时,这些同步执行的接口不会继续执行,结果ng在空白页中。相当于一个错误报告,所有的错误报告。
