使用Fetch API來傳遞Cookie

Question

我正在嘗試使用新的Fetch API，但在處理Cookies時遇到了麻煩。具體來說，在成功登入後，未來的請求中有一個Cookie頭，但是Fetch似乎忽略了這個頭部，我使用Fetch發出的所有請求都是未經授權的。

這是因為Fetch還沒準備好，還是Fetch不支援Cookies？

我使用Webpack建立我的應用程式。我還在React Native中使用Fetch，但沒有遇到同樣的問題。

Answer 1

除了@Khanetor的答案之外，對於那些正在處理跨域請求的人來說，可以使用credentials: 'include'

範例的JSON fetch請求：

fetch(url, {
  method: 'GET',
  credentials: 'include'
})
  .then((response) => response.json())
  .then((json) => {
    console.log('Gotcha');
  }).catch((err) => {
    console.log(err);
});

https://developer.mozilla.org/en-US/docs/Web/API/Request/credentials

#

Answer 2

預設情況下，Fetch不使用cookie。若要啟用cookie，請執行下列操作：

fetch(url, {
  credentials: "same-origin"
}).then(...).catch(...);