Utilisez l'API Fetch pour transmettre les cookies

Question

J'essaie d'utiliser la nouvelle API Fetch et je rencontre des difficultés avec la gestion des cookies. Plus précisément, après une connexion réussie, il y a un en-tête Cookie dans les requêtes futures, mais Fetch semble ignorer cet en-tête et toutes les requêtes que je fais à l'aide de Fetch ne sont pas autorisées.

Est-ce parce que Fetch n'est pas encore prêt ou Fetch ne prend-il pas en charge les cookies ?

J'utilise Webpack pour créer mon application. J'utilise également Fetch dans React Native et je n'ai pas le même problème.

Answer 1

En plus de la réponse de @Khanetor, pour ceux qui traitent des requêtes cross-domain, voici credentials: 'include'

Exemple de demande de récupération JSON :

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

Par défaut, Fetch n'utilise pas de cookies. Pour activer les cookies, veuillez effectuer ce qui suit :

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