Estoy trabajando en un pequeño proyecto donde los usuarios se autentican usando su correo electrónico y contraseña antes de acceder a su perfil. El backend utiliza cookies que se configuran cuando se envían el correo electrónico y la contraseña correctos a la API de autenticación. Creé una instancia de axios para manejar las llamadas a la API y así es como se ve:

 // Step-1: Create a new Axios instance with a custom config. // The timeout is set to 10s. If the request takes longer than // that then the request will be aborted. const customAxios = axios.create({ ...apiConfig, timeout: 10000, withCredentials: true, // custom headers can be added here as shown below // headers: { 'api-key': 'eyJz-CI6Ikp-4pWY-lhdCI6' } }); // Step-2: Create request, response & error handlers const requestHandler = (request) => { request.headers["Accept"] = "application/json"; request.headers["Content-Type"] = "application/json"; return request; }; const errorHandler = (error) => { return Promise.reject(error); }; customAxios.interceptors.request.use( (request) => requestHandler(request), (error) => errorHandler(error) ); customAxios.interceptors.response.use( (response) => responseHandler(response), (error) => errorHandler(error) );

El punto es que cada vez que trato de llamar a la API de autenticación con las credenciales correctas, devuelve el éxito, pero el encabezado Set-Cookie en la respuesta tiene una advertencia y las cookies no están configuradas en el navegador. Aquí está la advertencia:

"El intento de establecer una cookie mediante Set-Cookie se bloqueó porque tenía el atributo "SameSite=Strict" pero provenía de una respuesta entre sitios que no era la respuesta a la navegación de nivel superior"

Tenga en cuenta que estoy probando la API localmente en el puerto 3000 mientras el punto final se implementa en un servidor de prueba con Chrome.

Gracias