Estoy enviando solicitudes del cliente a mi servidor Express.js usando Axios.
Configuré una cookie en el cliente y quiero leer esa cookie de todas las solicitudes de Axios sin agregarlas manualmente para solicitar a mano.
Este es mi ejemplo de solicitud del lado del cliente:
axios.get(`some api url`).then(response => ...Intenté acceder a encabezados o cookies usando estas propiedades en mi servidor Express.js:
req.headers req.cookiesNinguno de ellos contenía cookies. Estoy usando el middleware del analizador de cookies:
app.use(cookieParser())¿Cómo hago para que Axios envíe cookies en las solicitudes automáticamente?
Editar:
Configuré una cookie en el cliente de esta manera:
import cookieClient from 'react-cookie' ... let cookie = cookieClient.load('cookie-name') if(cookie === undefined){ axios.get('path/to/my/cookie/api').then(response => { if(response.status == 200){ cookieClient.save('cookie-name', response.data, {path:'/'}) } }) } ...Si bien también usa Axios, no es relevante para la pregunta. Simplemente quiero incrustar cookies en todas mis solicitudes una vez que se establece una cookie.
Puede usar la propiedad withCredentials .
XMLHttpRequest de un dominio diferente no puede establecer valores de cookies para su propio dominio a menos que withCredentials se establezca en verdadero antes de realizar la solicitud.
axios.get(BASE_URL + '/todos', { withCredentials: true });También es posible forzar credenciales para todas las solicitudes de Axios
axios.defaults.withCredentials = trueO usando credenciales para algunas de las solicitudes de Axios como el siguiente código
const instance = axios.create({ withCredentials: true, baseURL: BASE_URL }) instance.get('/todos')TL;RD:
{ withCredentials: true } o axios.defaults.withCredentials = true
De la documentación de axios
withCredentials: false, // default
withCredentials indica si las solicitudes de control de acceso entre sitios deben realizarse utilizando credenciales
Si pasa { withCredentials: true } con su solicitud, debería funcionar.
Una mejor manera sería configurar withCredentials como true en axios.defaults
axios.defaults.withCredentials = true
También es importante establecer los encabezados necesarios en la respuesta expresa. Estos son los que me funcionaron:
app.use(function(req, res, next) { res.header('Access-Control-Allow-Origin', yourExactHostname); res.header('Access-Control-Allow-Credentials', true); res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept'); next(); });