javascript - axios promise 未解决，始终处于待处理状态

Question

我不确定，但我无法用我的生命来解决这个问题。它总是悬而未决。我不是最擅长 promise 的人，所以请帮助我。

export async function getQuotes() {
  const options = {
    headers: {
      "x-rapidapi-host": API_URL,
      "x-rapidapi-key": API_KEY,
      "content-type": "application/x-www-form-urlencoded",
    },
  };

  let res = await axios
    .post(API_URL, {}, options)
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error);
    });

  return res;
}

这就是我的称呼:

const new_data = dataApi.getQuotes();
console.log(new_data);

使用 new_data 变量，我想访问返回的数据。相反，我不断地收回未决的 promise 。

Answer 1

在 JavaScript 中，异步函数返回一个解析为其返回值的 Promise。为了访问数据，您必须将其包装在另一个异步函数中并调用await或使用.then :

// Either:
async function main() {
    const new_data = await dataApi.getQuotes();
    console.log(new_data);
}
// or
dataApi.getQuotes().then(new_data => console.log(new_data));

了解更多 here .