javascript - 如何使用 node-fetch 从 API 获取数据和响应状态？

Question

根据 node-fetch 文档node-fetch

我们可以像这样得到响应状态

fetch('https://github.com/')
    .then(res => {
        console.log(res.status);
    });

并获取数据

fetch('https://api.github.com/users/github')
    .then(res => res.json())
    .then(jsonData => console.log(jsonData));

我有一个场景，我需要从响应中返回 JSON 数据和状态。我试着像这样使用

     fetch('https://api.github.com/users/github')
            .then(res => res.json())
            .then(jsonData => {
             console.log(jsonData);
             console.log(jsonData.status);
      });

但是

console.log(jsonData.status)

不会返回状态。如何获取状态和输出数据

Answer 1

最简单的解决方案是声明一个变量并为其赋值res.status：

let status; 
fetch('https://api.github.com/users/github')
  .then((res) => { 
    status = res.status; 
    return res.json() 
  })
  .then((jsonResponse) => {
    console.log(jsonResponse);
    console.log(status);
  })
  .catch((err) => {
    // handle error
    console.error(err);
  });

您也可以使用以下方式尝试async/await：

const retrieveResponseStatus = async (url) => {
  try {
    const response = await fetch(url);
    const { status } = response; 
    return status;
  } catch (err) {
   // handle error
    console.error(err);
  }
}

然后您可以将它与您想要的任何 URL 一起使用：

const status = await retrieveStatus('https://api.github.com/users/github')

Answer 2

另一种替代解决方案是使用Promise.all

fetch('https://api.github.com/users/github')
  .then(res => Promise.all([res.status, res.json()]))
  .then(([status, jsonData]) => {
    console.log(jsonData);
    console.log(status);
  });

希望能帮助到你

Answer 3

我可能会朝相反的方向前进，但是我建议您使用requestJs，因为它的社区比 node-fetch 大得多并且提供了很多功能。

使用 requestJs，您可以获取 statusCode 之类的

 request("https://api.github.com/users/github", (err, res, body) => {
     let statusCode = res.statusCode;
 });

RequestJs 还提供了许多简单的方法来调用不同的 API 方法，也很容易观察 API 请求和 API 响应。

Answer 4

这是另一个变体，使用异步 lambda 函数和数组解构：

fetch('https://api.github.com/users/github')
  .then(async (res) => {  
    return [await res.json(), res.status];
  })
  .then(([jsonData, status]) => {
    console.log(jsonData);
    console.log(status);
  })
  .catch((err) => {
    // handle error
    console.error(err);
  });