无法使用 Fetch-node 存储 get 调用的结果

Question

我正在使用 Fetch-node 获取服务。

 const response = await fetch("MY URL", {
        method: 'GET',
        headers: {
          'Content-Type': 'application/json',
        },
        timeout: 5000,
      }).then(res => res.json()).then(json => console.log(json));
      console.log(response);

然后我将结果记录在第二个console.log() 中，一切都很好。 但是，当涉及到第二个console.log() 时，响应是未定义的。 我需要的是在响应中存储的第二个记录。

我做的有什么问题吗？

Answer 1

如前所述，您没有返回 response 的值，因此它不会等于任何值。你可以 return 来自最终 then 的 JSON，或者如果你觉得它更干净，只需 await 两者，而不是使用 .then。

const response = await fetch("MY URL", {
        method: 'GET',
        headers: {
          'Content-Type': 'application/json',
        },
        timeout: 5000
      });

const json = await response.json();

console.log(json);

Answer 2

你应该在你的函数中返回你的值。

const response = await fetch("MY URL", {
        method: 'GET',
        headers: {
          'Content-Type': 'application/json',
        },
        timeout: 5000,
      }).then(res => res.json()).then(json => { 
         // do something 
         return json  //<--- return a value
        });
      console.log(response);

Answer 3

您可以使用 async/await 编写整个代码。在您的代码中，您混合了 promise 和 async/await 语法，却忘记从最后一个 .then() 函数返回 json。

这就是我编写代码的方式：

async function fetchData() {
  const response = await fetch("https://jsonplaceholder.typicode.com/todos/1", {
    method: 'GET',
    headers: {
      'Content-Type': 'application/json',
    },
    timeout: 5000,
  })
  const data = await response.json();
  console.log(data);
}

fetchData();