如何使用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((jsonData) => {
    console.log(jsonData);
    console.log(status);
  })
  .catch((err) => {
    // handle error for example
    console.error(err);
  });

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

retrieveStatus = async (url) => {
  try {
    const res = await fetch(url);
    const { status } = res; 
    return status;
  } catch (err) {
   // handle error for example
    console.error(err);
  }
}

然后你可以使用任何你想要的网址:

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);
  });

希望能帮助到你