vue2axios封装 Promise.all
时间: 2023-10-20 11:27:35 浏览: 106
在Vue2中,使用axios封装Promise.all的步骤如下:
首先,可以封装一个Promise函数,该函数接受三个参数jsonData、config和index,通过返回一个新的Promise对象,可以用来处理上传请求。在该Promise对象中,使用axios进行上传请求,并通过then方法处理请求成功的情况,如果返回码为0,则将返回的数据传递到下一个Promise中。如果请求失败,则使用catch方法将错误信息和配置项传递给下一个Promise。
第二步,使用async和await再次封装Promise函数,并返回该Promise的值。通过在该函数中调用上一步封装的Promise函数,并使用await关键字等待该Promise的结果,然后返回结果。
第四步,使用Promise.all获取所有方法正常执行后的结果集。在该步骤中,可以将封装好的Promise函数放入一个数组中,然后使用Promise.all方法来执行这些Promise函数,并使用then方法处理正常执行后的结果集。如果有任何一个Promise函数出现异常,则使用catch方法来处理异常情况。
综上所述,以上是使用axios封装Promise.all的步骤。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue中循环遍历axios问题,使用promise.all解决,promise.all异常解决](https://blog.csdn.net/Uookic/article/details/118409301)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文