Fetch API mit Cookie

Question

Ich probiere die neue Fetch API aus, habe aber Probleme mit Cookies. Insbesondere gibt es nach einer erfolgreichen Anmeldung einen Cookie-Header in zukünftigen Anfragen, aber Fetch scheint diese Header zu ignorieren, und alle meine mit Fetch durchgeführten Anfragen sind nicht autorisiert.

Liegt es daran, dass Fetch immer noch nicht bereit ist oder Fetch nicht mit Cookies funktioniert?

Ich baue meine App mit Webpack. Ich verwende auch Fetch in React Native, was nicht das gleiche Problem hat.

Answer 1

Fetch verwendet standardmäßig kein Cookie. So aktivieren Sie Cookies, dies tun:

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

Answer 2

Neben @ Khanetor Antwort für diejenigen, die mit Cross-Origin-Anfragen arbeiten: credentials: 'include'

Beispiel JSON Abrufanforderung:

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