Vue.js，异步等待函数返回空结果

问题描述

js项目，我需要使用await / async从我的API中获取数据。

我的代码

        const logsFc = async () => {
          let logs = [];
          for (let i = 0; i < this.data.length; i++) {
            const formData = new FormData();

            const getLogsFc = () => {
              getLogs.request(new URLSearchParams(formData),(response) => {
                if (response.status >= 200 && response.status < 300) {
                  localConsoleLog('getLogs',response);
                  return response.data.data;
                }
              });
            };

            let data = await getLogsFc();
            console.warn(data);
            logs.concat(data);
          }

          return logs;
        };

但是在获得响应之前会返回日志。

babel.config.js

module.exports = {
  presets: [
    [
      '@babel/preset-env',{
        useBuiltIns: 'usage',corejs: 3.6,modules: false,},],};

"vue": "^2.6.0"

我在做什么错了？

解决方法

不要运行request的回调，而只返回响应：

 const getLogsFc = async () => {
          let response = await getLogs.request(new URLSearchParams(formData));
            if (response.status >= 200 && response.status < 300) {
                  localConsoleLog('getLogs',response);
                  return response.data.data;
                }
            };

            let data = await getLogsFc();