Cookieを使用したAPIの取得

Question

新しいFetch APIを試していますが、Cookieに問題があります。具体的には、ログインに成功すると、将来のリクエストにCookieヘッダーがありますが、Fetchはそのヘッダーを無視してしまい、Fetchで行われたすべてのリクエストは許可されていません。

Fetchがまだ準備ができていないか、FetchがCookieで動作しないためですか？

Webpackでアプリケーションをビルドします。私は同じ問題がないFetch in React Nativeも使用します。

Answer 1

フェッチではデフォルトでクッキーは使用されません。クッキーを有効にするには、この操作を行います。Khanetorの答え@に加えて

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

Answer 2

を、クロスオリジン・リクエストを処理している人のために：

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：credentials: 'include'

サンプルJSONリクエストをフェッチ