如何解析利用fetch请求的数据

Question

描述：
利用fetch发起一个ajax请求，请求api返回的用户信息，response中的body并没有我所需要的json信息，查看资料，fetch()请求获取的内容是一个 Stream 对象，这个Stream对象如何解析，最终拿到body中的json信息

var url='http://api.com/getUserInfo';
  fetch(url,{
      method:'GET',
      mode:'cors',// 避免cors攻击
      credentials: 'include'
  }).then(function(response) {
      //打印返回的json数据
      //console.log(response)  //状态信息
      //console.log(response.json())   //一个promise对象
      //console.log(response.json().data) //报错了
      //如何打印出body中的json信息
      
       response.json().then(function(data){
          console.log(data);
       });
  }).catch(function(e) {
      console.log("Oops, error");
});

继续then，就可以打印出数据

response.json().then(function(data){
       console.log(data);
});

Answer 1

var url='http://api.com/getUserInfo';
  fetch(url,{
      method:'GET',
      mode:'cors',// 避免cors攻击
      credentials: 'include'
  }).then(function(response) {
      //打印返回的json数据
      response.json().then(function(data){
        console.log(data);
      }); 
  }).catch(function(e) {
      console.log("Oops, error");
});

Answer 2

你都知道response.json()是promise了，还不知道怎么取数据吗?再接着then

Answer 3

async function request(){
  const url='http://api.com/getUserInfo';
  try {
    const result = await fetch(url,{
      method:'GET',
      mode:'cors',// 避免cors攻击
      credentials: 'include'
    }).then(response=> response.json());
    console.log(result)
    return result;
  } catch (e) {
    console.log(e)
    throw e;
  }
}