Tenemos el siguiente código:

 const defaultOptions = { baseURL: process.env.REACT_APP_CRIPTOCAMBIOS_URL, headers: { 'Content-Type': 'application/json' } }; export const CCApi = axios.create(defaultOptions); export const requestDomicileAutocomplete = input => CCApi.post( '/domicile_seeds/autocomplete', { input, types: ['address'] }, { withCredentials: true } ); // FIXME: Review sending cookies in the payload, we probably need to add { withCredentials: true } in both requests. I am getting a CORS issue right now. So skipping it. export const requestDomicileDetail = placeId => CCApi.post( '/domicile_seeds/place_details', { place_id: placeId, fields: 'address_components' }, { withCredentials: true } );

Tenemos CORS habilitado, por lo que tuvimos que hacer algunos cambios en nuestro servidor para pasar las comprobaciones del navegador.

El servidor hace lo siguiente:

1. En la primera solicitud de /autocompletar, establece una cookie.
2. En la segunda solicitud a /place_details, espera que se establezca la cookie y la limpia.

Sin embargo, notamos que en la solicitud a /place_details no recibimos la cookie.

Y esto es lo que vemos en las herramientas de desarrollo.

Autocompletar cookies:

Colocar cookies de detalles:

Entonces, como puede ver, en la solicitud a /place_details no se envía en la solicitud la Cookie configurada previamente.

¿Qué estamos haciendo mal? Estamos usando axios v0.21.4