En el post de hoy aprenderemos a configurar las cabeceras y el acceso CORS en NodeJS.
Cuando hacemos peticiones AJAX con jQuery o Angular a un backend o un API REST es normal que tengamos problemas con el acceso CORS en NodeJS y nos fallen las peticiones.
Para eso podemos crear un middleware como este:
// Configurar cabeceras y cors
app.use((req, res, next) => {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Headers', 'Authorization, X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Allow-Request-Method');
res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, DELETE');
res.header('Allow', 'GET, POST, OPTIONS, PUT, DELETE');
next();
});
Y tendremos el problema solucionado 🙂
¿Quieres aprender más? Curso de Angular avanzado y NodeJS: MEAN Stack, JWT, Módulos y más
4 noviembre, 2018
Muchas gracias por sus videos y por el cors de las peticiones http!, es usted muy bueno con su explicacion gracias!
11 febrero, 2019
Muchas gracias por la enseña, muy buen docente y una gran ayuda con este post
11 septiembre, 2019
me funciono perfecto, muchas gracias !!!
25 marzo, 2020
Muchas gracias. Estoy empezando a construir servidores con NodeJs y cuando intentaba integrarlos con Angular tenía ese problema. Ahora funcionan!
8 mayo, 2020
Gracias victor. Tenia rato de estar remando en seco jjj. Gracias crack.
27 mayo, 2020
Muchas gracias por tu aporte y enseñanzas Víctor, nos ayudas mucho a quienes estamos en este mundillo.
16 octubre, 2020
Muchas gracias como siempre brindando buen aporte 🙂
15 abril, 2021
Muchas gracias. Estoy empezando s con NodeJs y cuando intentaba Angular tenía ese problema con dos localhost distintos. Ahora funcionan!
27 septiembre, 2021
Me haz salvado literal, ya decia que mi api no servia jajajaja.
8 octubre, 2021
Muchas gracias, Víctor! Agregar estos headers al response de mi API hecha en Node, finalmente solucionó el problema del CORS cuando intentaba consumir los endpoints desde React, sobre todo teniendo ambas apps corriendo en Netlify.
De nuevo, muchísimas gracias!