fetchapi在promise中返回一个响应流。响应流不是json，因此尝试调用 JSON.parse 它将失败。要正确解析json响应，需要使用response.json函数。这将返回一个承诺，以便您可以继续链。

fetch('http://jsonplaceholder.typicode.com/users', { 
  method: 'GET'
})
.then(function(response) { return response.json(); })
.then(function(json) {
  // use the json
});

理解承诺是使用fetchapi的关键。
当您试图解析响应并循环它时，响应实际上只是一个承诺。为了利用来自请求的实际响应的内容，您必须进行一些承诺链接。

fetch('http://jsonplaceholder.typicode.com/users').then(function(response) {
  // response.json() returns a promise, use the same .then syntax to work with the results
  response.json().then(function(users){
    // users is now our actual variable parsed from the json, so we can use it
    users.forEach(function(user){
      console.log(user.name)
    });
  });
}).catch(err => console.error(err));

您可能访问json的方式不正确。你可以试着打电话 response.json() 相反

fetch('http://jsonplaceholder.typicode.com/users', {
  method: 'GET'
}).then((response) => {
  response.json().then((jsonResponse) => {
    console.log(jsonResponse)
  })
  // assuming your json object is wrapped in an array
  response.json().then(i => i.forEach(i => console.log(i.name)))
}).catch((err) => {
  console.log(`Error: ${err}` )
});

此示例的结构与您的示例相匹配，但理想情况下，您会返回 response.json() 首先 .then 阻塞并继续下一个阻塞。下面是一个类似的示例，将在下一个块中继续。
在您的特定情况下，可以将fetchapi视为“xmlhttprequest”的json感知 Package 器。主要区别在于fetchapi更简单、功能类似，并且具有方便的方法。大卫·沃尔什在他的博客文章中做了一个合理的比较，我建议你看看。简单的“xmlhttprequest”只需将从服务器返回的字符串传递给您，它不知道它可能是json，因此将其留给用户以他们认为合适的方式解析响应。