如何正确地将 async/await axios 响应保存到变量中

Question

第三方 API 一次只能处理一个查询字符串。所以我想把多个字符串分成数组。然后我会映射数组，进行 async/await axios 调用并将每个响应对象推送到一个空数组中。

使用下面的代码，最后似乎没有存储数据。我最好的猜测是我不了解如何正确使用 async/await 功能。谁能帮帮我？

app.get("/api/posts", (req, res) => {
  const tags = req.query.tags;
  const fetchData = [];

  const axiosCall = async tag => {
    const response = await axios.get(
      `https://hatchways.io/api/assessment/blog/posts?tag=${tag}`
    );
    fetchData.push(response.data);
    //returns correct response object in an array
    console.log(fetchData);
  };

  tags.split(",").length > 1
    ? tags.split(",").map(tag => {
        axiosCall(tag);
      })
    : axiosCall(tags);

  //Returns empty array
  res.send(fetchData);
});

Answer 1

由于 axiosCall 是异步的，你需要等待 promise(s) 解决

喜欢这个

app.get("/api/posts", (req, res) => {
    const tags = req.query.tags;

    const axiosCall = async tag => {
        const response = await axios.get(`https://hatchways.io/api/assessment/blog/posts?tag=${tag}`);
        return response.data;
    };

    Promise.all(tags.split(",").length > 1 ? tags.split(",").map(axiosCall) : [axiosCall(tags)])
    .then(fetchData => res.send(fetchData));
});

或在任何地方使用 async/await

app.get("/api/posts", async (req, res) => {
    const tags = req.query.tags;

    const axiosCall = async tag => {
        const response = await axios.get(`https://hatchways.io/api/assessment/blog/posts?tag=${tag}`);
        return response.data;
    };

    const fetchData = await Promise.all(tags.split(",").length > 1 ? tags.split(",").map(axiosCall) : [axiosCall(tags)]);
    res.send(fetchData);
});