Vue - 实现将 Ajax 异步网络请求改为同步执行，等待 Promise 风格的接口请求完毕再执行后面的代码（适用于 “等待接口数据获取成功后，在执行下面的语句“ 等需求）超详细示例及注释解决方案

前言

常用的请求（例如 Axios 请求库），它们都是 “异步的”，想让其某个请求变为同步？

在 vue2 / vue3 / nuxt 项目中，详细实现将 axios请求从异步变为同步，请求服务端接口一直等待数据获取成功后再进行其他操作。

本文实现了 将某个指定 Promise 风格的请求接口，从异步请求改为同步，等待接口数据请求完毕再执行后面的代码，

您可以随意指定某个接口，想让哪个改为同步都行，不会影响全局！不会修改您的任何 Axios 请求配置！

如下图所示，真实开发中很多时候，请求数据的接口函数是需要 “同步” 的，因为后续的代码会有所 “依赖”，

如果您想让 JS setTimeout 定时器从异步改为同步，本文也是可行的。

解决方案

给您提供了详细的解决示例，您可以按照需求进行复制。

标准的 *.vue 文件，请您观察以下示例代码。