如何在react js中访问cookie

Question

如何访问我在 axios post 和 get 请求的响应中获得的 cookie，我使用 WooCommerce Rest API，我需要访问我在响应中获得的 PHPSESSID，我尝试使用邮递员，因为它会自动将 cookie 设置为标头, React JS 有什么可以做的吗？

Answer 1

fetch API 允许您读取请求的响应标头：

const getResponse = async () => {
  const response = await fetch("https://stackoverflow.com/");

  // log all response headers
  console.log([...response.headers.entries()])

  // look for set-cookie
  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie
  console.log(response.headers.get("set-cookie"));
}

但是，只有当 WooCommerce Rest API 在该响应中准确设置或修改 cookie 时，这才有效。

Answer 2

通常，当您从客户端进行 API 调用时，cookie 不会包含在响应中。要在客户端访问 cookie，请在发出 API 请求后使用

document.cookie

。