axios 同时多个请求_【Vue】 axios同步执行多个请求

问题

项目中遇到一个需求,在填写商品的时候,选择商品分类后,加载出商品分类的扩展属性。

axios 同时多个请求_【Vue】 axios同步执行多个请求_第1张图片

这个扩展属性有可能是自定义的数据字典里的单选/多远。

要用第一个axios查询扩展属性,第二个axios 从第一个axios中获得的code值去查询 数据字典。

解决思路

我是net后端开发,之前没有接触过Vue,也没用过axios,以前使用ajax是 直接加async:false属性就能同步执行。

在axios中没有这个属性,经过一番查找,发现可以使用ES8新特性 async/await 解决,类似于c#的异步,用法差不多。

具体的用法是 在需要实现同步的方法前面+async 使用方法的时候前面+ await。

然而我发现这样写第一个axios  async是失效的,如下图所示,百思不得其解。

询问前端大佬才发现这个函数是一个匿名函数,真正需要等待的是then后面的函数,async需要加在then后面。修改后,问题解决。

示例代码

第一个axios:

// async callApiWithPost('/Owner_Manage/Goods_Extend/GetAllExtendBySortIds', this.groupIds).then((resJson) => {

你可能感兴趣的:(axios,同时多个请求)