在 vue 中等待服务器处理完成

在 vue.js 中向 php 服务器发送 post 请求时，有时需要等待服务器处理结束才能获取返回值。然而，由于服务器处理可能需要一段时间（如下载图片），vue.js 的 javascript 有时会赶在服务器返回之前输出结果。

解决方案

vue-admin-change-reviewer

审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。

下载

为了解决这个问题，可以使用异步函数 async 和等待操作符 await：

立即学习“前端免费学习笔记（深入）”；

// 你的接口
success: async (res) => {
    // 服务响应后的操作
    const fn = async () => {
        console.log('hahaha');
    };

    await fn(res);
    console.log(res); // 此处需要等待可能 3~7 秒，但之前输出时 often 是空
}

通过使用 async 和 await，vue.js 的 javascript 会等待 fn 函数完成（也就是服务器返回响应），然后才会继续执行。因此，在 console.log(res) 输出时，服务器返回值 res 将不再为空。