Obtener API con Cookie

Estoy probando la nueva API de extracción pero tengo problemas con las cookies. Específicamente, después de un inicio de sesión exitoso, hay un encabezado Cookie en futuras solicitudes, pero Fetch parece ignorar los encabezados, y todas mis solicitudes realizadas con Fetch no están autorizadas.

¿Es porque Fetch todavía no está listo o Fetch no funciona con Cookies?

Construyo mi aplicación con Webpack. También uso Fetch en React Native, que no tiene el mismo problema.

    Fetch no usa cookies por defecto. Para habilitar la cookie, haz esto:

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

    Además de la respuesta de @ Khanetor, para aquellos que están trabajando con solicitudes de origen cruzado: credentials: 'include'

    Ejemplo de solicitud de recuperación de 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

    Acabo de resolver. Solo dos f. días de brutforce

    Para mí, el secreto estaba en seguir:

    1. Llamé a POST / api / auth y veo que las cookies se recibieron con éxito.

    2. Luego, llamar a GET / api / users / con credentials: 'include' y obtuvo 401 como no verdadero, debido a que no se enviaron cookies con la solicitud.

    La CLAVE es para establecer credentials: 'include' para la primera llamada / api / auth también.

     async function fetchAsync () { let response = await fetch('https://api.github.com/users/pariyathida/repos'); let data = await response.json(); return data; } fetchAsync() .then(data=> data.map(repo => console.log(repo.id))) .catch(reason => console.log(reason.message))