javascript - 如何阅读正文/响应 promise 中的 header

Question

我正在使用 fetch API 调用 API 端点。我如何阅读已解决的正文 promise 中的响应正文和标题？

我的代码片段如下:

  fetch(url, {
      credentials: 'include',
      method: 'post',
      headers: {
        "Content-Type": "application/json; charset=utf-8",
      },
      body: JSON.stringify({
        email: email,
        password: password,
      }),
    })
    .then(response => response.json())
    .then(function(response) {
      // How to access response headers here?
    });

Answer 1

如 Fetch API 中所述 documentation ，您可以使用此代码段获取响应 header :

fetch(myRequest)
  .then((response) => {
     const contentType = response.headers.get('content-type');
     if (!contentType || !contentType.includes('application/json')) {
       throw new TypeError("Oops, we haven't got JSON!");
     }
     return response.json();
  })
  .then((data) => {
      /* process your data further */
  })
  .catch((error) => console.error(error));

对于正文，您会找到here一些例子。