jajja y yo ponia toda la configuracion de cors de accept GET POST y asi, eso de poner listas de origener no me lo sabia, esta increible asi, mil gracias
¡Muy buen video! Una cosa, creo que sería genial, si dejaras un link donde poder ver el código desarrollado en este vídeo; y así poder comparar, analizar y aprender. Gracias y saludos cordiales!
Muy claro todo! Puede parecer algo simple pero a veces es necesario entender cómo funciona todo y el porqué de ciertos métodos al momento de programar!
Hola, gracias por el video. Soy Front (apenas iniciando) y me saliá ese error, todo este tiempo pensé que no estaba implementando algo bien y ahora entiendo que es culpa de Back... esos mendigos de Back!!! jajaja
HERMANO, muchísimas gracias por estos videos así!! Cuando estas recién empezando con el tema APIs y ves la documentación oficial hay muchas cosas que no terminas de entender por tu cuenta, por después de ver estos videos vuelvo a leer la documentación y parece que esta escrita en otro idioma! Gracias por hacer las cosas mas sencillas para todos!!! PD: implemente tu curso sobre whatsapp-bot para mi local gastronómico y fue todo un éxito!! compartí tu video en todos lados!!! ^^
Hola, gracias por tu video. Si tienes el front corriendo en localhost:4200 y el back en localhost:3000, en estricto rigor lo único que esta distinto es el puerto, porque el dominio = localhost es el mismo para ambos, y sin embargo igual te da el error de CORS, lo que contadice tu premisa de que "front y back deben estar corriendo en el mismo dominio para que no dé error de CORS". Mejor dicho dominio y puerto deben ser los mismos para que no hubiese error de CORS. Una consulta: Esto siempre lo he visto en desarrollos locales, pero ¿es posible tener problemas de CORS en produccion?
Si en producción es el mismo comportamiento con respecto a tu pregunta el hecho de cambiar el puerto para el navegar es como si fueran dos dominios diferentes (son fuentes de origin diferentes)
Estupendo, muy bien explicado, muchas gracias!. Me surgen dos preguntas, ¿por que el CORS aplica a navegadores y no a API testers? por ejemplo: Postman. Si es "una capa de seguridad" ésta puede ser vulnerada por este medio. Anidada a la primera pregunta, la segúnda es: ¿como hacen estos API testers?, infiero que son un mundo aparte en cuanto a cabeceras se trata con respecto de los navegadores, pero sería interesante explicar sus diferencias. c: saludos
Exactamente, Postman recibe sin probleas, con la misma configuracion de cabeceras. Pero bueno, en este caso no tengo acceso al backend para hacer la lista blanca asi que seguire viendo que otra solucion agarro.
Si tengo un back en node, que consume otro back que no tenga habilitado el origin de cors, funcionaría igual no?. Es decir, los cors son un mecanismo de seguridad para el navegador, no para el servidor?
LA SOLUCION Muy interesante tu video y muy explicativo. Este es un problema con el navegador, no con visual studio code, no entiendo por que todos los videos se empeñan en como solucionarlo en visual studio code, ya que si programas utilizando cualquier otro ide o en sublime o en bloc de notas te va a seguir dando el error porque alli no podes instalar este paquete adicional de visual studio code. - La solucion mas rapida es, luego de arrancar el servidor que puede ser XAMP o el que usen no ejecuten el archivo que van a probar en el navegador haciendole doble clic, en vez de eso en el navegador accedan a "localhost" y luego desde alli accedan a su archivo en la lista que les muestra el navegador
Unas preguntas. ¿Porque cuando consumo la API sin necesidad de poner el "cors()" en el desarrollo de esta misma, cuando la consumo con PostMan, no tengo ningun problema? ¿Porque cuando envio datos a travez de "submit" si se envian y por Fetch da problemas de "cors"? Saludos :D
@@thereciolol2733 claro, digamos lo que viaje front a front cómo por ejemplo un formulario, y lo muestres directo no va a tener problema, y si es back a back tampoco, el cors es como una barrera para que no cualquiera pueda usar una api para su front sin autorización
Cuando la petición de acceso a la API se realiza dentro del contexto del navegador se le aplican las restricciones de CORS, en cambio si se hace desde un código que corre en el backend o en el desktop (no en el browser), no se le aplica la política de CORS. Esa es la razón por la cual el CLI de Postman funciona sin problemas para consumir una API.
Pregunta, tengo una aplicación en ionic 6 y me corre perfectamente en mi navegador web, pero cuando la corro en un emulador o en un dispositivo físico me arroja las políticas de cors hay alguna configuración aparte para las aplicaciones android ?
Soy nuevo en angular en fin nuevo en todo lo que tiene que ver con desarrollo web y me e tomado con eso de los cors en muchas publicaciones y me hacia la cabeza un 8 porque no entendía nada de nada, pero todo cambio cuando #Leifer ataco
Hola Leifer, cómo estás? En mi caso me conecto con una API de un dispositivo Firewall de red, el cuál no he visto como modificar para cambiar dicho parámetro, yo necesito modificar algo en mi código para que cuando le pego en su api no me de error de cors, es posible? Por ejemplo si ejecuto mi browser sin cors chequeo funciona perfectamente. Uso html con js.
gran video! me quedo una duda, desde el lado del front, cuando realizo una peticion a una api me sale el error de cors, si la hago con fetch y cambio el mode la puedo lograr correctamente, en cambio cuando la hago con axios no tengo manera, tienes idea si se puede hacer con axios de alguna manera? saludos!
Una duda si yo no tengo acceso a la API para modificar que origenes permitir y cuales no, digamos que es una API que no es mia, como le harias en ese caso?.
Hola Jose si no tienes acceso entonces deberia hacer un servicio que a nivel de backend osea te montas una api en node que sirva como capa intermedia entre el SERVICIO TERCERO ---> FRONTEND
Consulta, esto solo pasa con html? Si por ejemplo yo creo una api que solo devuelve 1 recurso json cuando le hacen peticiones tambien tendria este problema con el cors si intento acceder desde el navegador? gracias!
Excelente video, como podemos hacer para que por ejemplo, solicite en los headers un "api-key" y que si esta no es correcta tampoco nos dejé conectarnos
Veo que la modificación la realizas sobre la api que tienes montada en Express pero que sucede si la api es de un tercero y no puedes modificar esas políticas de CORS, me sucede que intento consultar la api de un tercero desde localhost y me sale ese error.
Buenas sii ese es un caso muy común en ese escenario tienes que crear tu propio endpoint y desde tu backend hacer un fetch o curl a el servicio externo ya que los cors no aplican desde bsckend
Saludos Rodrigo en esos casos entonces debes de montar un servicio de backend que desde ese backend si de conecte al servicio que está dando problema de los cors eso es un problema muy frecuentemente.
amigo he creado un documento PDF en react pero cuando importo una imagen me sale el error cors y no se puede ver la imagen sabes como se puede solucionar ??
Yo lo tengo configurado igual pero ahora que lo implemente en el servidor con nginx me esta dando error de cors, crees que tenga algo que ver la configuracion de nginx?
Logre solucionarlo con la ayuda del amigo Leifer Mendez, No era problema del CORS el problema era que en NGINX no estaba definiendo cual es el tamaño maximo permitido para el body del cliente(client_max_body_size 100M;).
@@LeiferMendez yo tengo mi application y webconfig en mi back, con firebase + heroku andaba mi SPA pero con netlify+render...no no entiendo el porque...?
Hola, podrias hacer esto de cors en js vanilla? Lo que pasa que aunque ya haya instalado a través de npm i cors. Y haya creado los const express = require('express'); Siempre me marca error en la consola de que require no esta definido y de ahi no puedo pasar. Saludos
@@LeiferMendez en si este es el codigo de mi archivo server.js const express = require('express'); const cors = require('cors'); const app = express(); const port = 5500 app.use( cors() ) app.get("/", (req, res)=>{ res.json({name: "algo", algo: "algo"}) }) app.listen(port) y el error es: Uncaught ReferenceError: require is not defined Saludos
@@LeiferMendez lo utilize solo para descargar el cors. De ahí en mas no. La pagina web solo es un js y un index.html, no estoy utilizando ningun framework ni visual ni front ni para backend.
Haciendo pruebas con un API que no es mio, realizando un fetch en js recibo el error de CORS, pero si lo hago desde Postman si recibo la respuesta. Algunos recomiendan agregar un header de "Access-Control-Allow-Origin": "*", pero eso no cambia.
Hola Federico, tenemos en el discord una sesión especial para interactuar sobre estos temas, se llama asesoría técnica, allí encontrarás a varios compañeros que brindan soporte o puede que también me encuentres a mi. Se creó con la finalidad de poder compartir más rápido y encontrar soluciones. Te dejo el link discord.gg/THUWQEwc
gracias, entonces el problema en mi caso seria la api a la cual me conecto, aparte de eso no puedo hacer nada mas que instalar extension a chrome para que me deje conectarme? ya que no puedo modificar el servidor de la api... la idea mia era subir la web a mi portafolio para que otros la prueben pero el cors me esta dificultando mostrar el trabajo :/
Hola excelente contenido, muchas gracias. Tengo duda, como podría solucionar cors con vanilla, sin node js. Es decir tengo un index.html y un main.js super estándar. Hago un fetch a un archivo json que esta en una url fuera del dominio donde realice la petición. Y me salta el problema de cors. Quizás alguna configuración en las opciones de fetch me estaré perdiendo. Gracias por tu ayuda. Saludos.
├ 𝙑𝙀𝙍 𝙏𝙊𝘿𝙊𝙎 ⮕ leifermendez.github.io/#/
├ 𝘼𝙉𝙂𝙐𝙇𝘼𝙍 desde cero ⮕ bit.ly/367tJ32
├ 𝙉𝙊𝘿𝙀 Express desde cero ⮕ bit.ly/3od1Bl6
├ 𝙈𝙊𝙉𝙂𝙊𝘿𝘽 desde cero ⮕ bit.ly/3qh35wK
├ 𝙎𝙊𝘾𝙆𝙀𝙏.𝙄𝙊 desde cero ⮕ bit.ly/3pg1Q02
└ 𝙉𝙂𝙍𝙓 𝙙𝙚𝙨𝙙𝙚 𝘾𝙀𝙍𝙊 ⮕ link.codigoencasa.com/NODE
justamente habia creado mi API y me tope con esto de los lista de control de origenes con cors, excelete
jajja y yo ponia toda la configuracion de cors de accept GET POST y asi, eso de poner listas de origener no me lo sabia, esta increible asi, mil gracias
Que tal Juan síii me alegra que te guste
Eres un Crack, CORS el dolor de cabeza cuando accedes a una api desde front, EXCELENTE EXPLICACIÓN
Hola! Muchas gracias es un tema que día día vemos y pero no sabemos cómo funciona 😁😁
Grande ! Sencillo, rápido al punto y sin tanta carreta.
Lo aplique a mi IIS, haciendo las adecuaciones pero la teoria me funcionó perfecto. Saludos y muchas gracias
¡Muy buen video! Una cosa, creo que sería genial, si dejaras un link donde poder ver el código desarrollado en este vídeo; y así poder comparar, analizar y aprender. Gracias y saludos cordiales!
Muy claro todo! Puede parecer algo simple pero a veces es necesario entender cómo funciona todo y el porqué de ciertos métodos al momento de programar!
soy tester, y quería explicar porque debemos aplicar cors, gracias por el video.
La mejor explicación que he visto. Muchas gracias por este increíble video!
Gracias a JMV por formar parte de esta comunidad
Más que excelente!!! te doy 200,000 estrellas, la mejor explicación que he visto y además con el verdadero conocimiento.
Gracias por comentar y formar parte de esta comunidad
Muchas gracias por el vídeo, he solicionado el error que tenía. Muy bien explicado!!
GRACIAS POR TU VIDEOOOOO!!!!!!, ME SALVASTE DE UN PROBLEMA PARA LA ENTREGA DE PROYECTO 🥲🥲🥲
Excelente noticia! gracias por comentar y compartir
Clarisimo el video. Muchas Gracias. Saludos!
Excelente explicación. Bastante sencilla y breve.
Hola, gracias por el video. Soy Front (apenas iniciando) y me saliá ese error, todo este tiempo pensé que no estaba implementando algo bien y ahora entiendo que es culpa de Back... esos mendigos de Back!!! jajaja
muy completa la informacion, muchas gracias.!!
Justo lo que necesitaba, todo muy claro.
woow muy buena explicación me funcionó :)
Excelente vídeo, super clara explicación y ejemplo.
muchas gracias.
Te amo neneeeee, gracias, impresionante videooo!
Videos así valen la pena verlos completos, con anuncios incluidos
Buen video, el unico que me ha funcionado despues de muchos, eres grande
Super claro y si! es un problema muy común. Ma ayudaste mucho!!!! Saludos 🤓✌
Saludos Fer espero te sea. De utilidad
gracias crack , lo estaba buscando hace mucho
\
HERMANO, muchísimas gracias por estos videos así!! Cuando estas recién empezando con el tema APIs y ves la documentación oficial hay muchas cosas que no terminas de entender por tu cuenta, por después de ver estos videos vuelvo a leer la documentación y parece que esta escrita en otro idioma! Gracias por hacer las cosas mas sencillas para todos!!!
PD: implemente tu curso sobre whatsapp-bot para mi local gastronómico y fue todo un éxito!! compartí tu video en todos lados!!! ^^
Saludos que buen comentario 😃😃 bienvenido a esta comunidad
Muy buen video 🤘
Grande master me sirvio mucho me aseguraste un 7 en aplicaciones moviles
Puedes hacer o recomendar un video explicando como enviar un token desde angular y que el backend lo valide, por favor
Amigo, eres un crack, algún día como vos ❤
Leifer, sos un crack al poder compartir esto entre otros conocimientos!!, felicitaciones!!!!
Gracias Javier!
claro y sencillo.
MAESTRO!!!! Gracias👍👍
Gracias a ti Alejandro y bienvenido a esta comunidad
Muchas gracias!!! me ayudó un montón y super bien explicado!! ^^
Muy didáctico la explicación muchas gracias.
Que facil se ve, gracias Leifer.
@@LeiferMendez si super, cors es de express o es de node?
Excelente video !! . Muy clara la explicación 😃
Gracias Nicolas por formar parte de esta comunidad
Muchas Gracias!
Gracias por comentar
que buena explicación, gracias!
¡Gracias por el video y la explicación!!!
Eres un crack amigo, tu fiel seguidor y espero a tu lado crecer montones en este mundo!
Gracias Oscar aqui estaremos aprendiendo todos un monton! se vienen cosas nuevas :)
hermano recien veo tu video y me re diste una mano! gracias y saludos!!
Saludos Rodrigo gracias por tu comentario
Eres el mejor, no sabia como arreglar el problema pero ya esta sigue asi :-)
Hola Daniel me alegra que entendieras y gracias por formar parte de esta comunidad
Simplemente mejor que Pedrito mágico...
Bastante bueno, like y suscrito.
Gracias! 😊
Bienvenido a este canal!
Hola, gracias por tu video. Si tienes el front corriendo en localhost:4200 y el back en localhost:3000, en estricto rigor lo único que esta distinto es el puerto, porque el dominio = localhost es el mismo para ambos, y sin embargo igual te da el error de CORS, lo que contadice tu premisa de que "front y back deben estar corriendo en el mismo dominio para que no dé error de CORS". Mejor dicho dominio y puerto deben ser los mismos para que no hubiese error de CORS. Una consulta: Esto siempre lo he visto en desarrollos locales, pero ¿es posible tener problemas de CORS en produccion?
Si en producción es el mismo comportamiento con respecto a tu pregunta el hecho de cambiar el puerto para el navegar es como si fueran dos dominios diferentes (son fuentes de origin diferentes)
@@LeiferMendez Muchisimas gracias. Sí, creo que efectivamente el puerto tambien se toma como que forma parte del dominio
Muchas por compartir conocimiento.
Tome su like buen hombre!
Gran video amigo muchas gracias
Gracias a ti Vladimir por comentar y unirte a está comunidsf
Gracias ....muchas gracias
Gracias a ti
Muchas gracias! super bien explicado :)
Gracias por comentar Erick y bienvenido a esta comunidad!
Gracias bro! me sirvió mucho este video!
muuy buen video !
Gracias!!!
Que wen video :))) gracias bro me ayudo mucho!
buenas, como lo soluciono si estoy trabajando en angular? en que archivo hago la modificacion que se hace en el video?
Y el las aplicaciones mobile cuentan con este? Y si cuentan como se configura en el back?
Estupendo, muy bien explicado, muchas gracias!. Me surgen dos preguntas, ¿por que el CORS aplica a navegadores y no a API testers? por ejemplo: Postman. Si es "una capa de seguridad" ésta puede ser vulnerada por este medio. Anidada a la primera pregunta, la segúnda es: ¿como hacen estos API testers?, infiero que son un mundo aparte en cuanto a cabeceras se trata con respecto de los navegadores, pero sería interesante explicar sus diferencias. c: saludos
Exactamente, Postman recibe sin probleas, con la misma configuracion de cabeceras. Pero bueno, en este caso no tengo acceso al backend para hacer la lista blanca asi que seguire viendo que otra solucion agarro.
Muy buena explicación!
Hola Martin !! gracias por forma parte de esta comunidad
por fin! una solución que no es instalar el plug in de Moesif Origin & CORS Changer xD
De nada! Gracias a ti por formar parte de esta comunidad
Hola amigo, buen video! increible. Te queria consultar yo tengo el problema 504 gate away tendras alguna solucion?
Si tengo un back en node, que consume otro back que no tenga habilitado el origin de cors, funcionaría igual no?. Es decir, los cors son un mecanismo de seguridad para el navegador, no para el servidor?
Exacto para el navegador si es de server a sever ya puede que tenga o no alguna autorización de API key etc
Muy buena observación amigo. Si se invoca por postman o por soapui no se generan este tipo de problemas.
@@alvarocisneros1648 Gracias! Me tocó vivirlo en carne propia y quería sacarme las dudas. Saludos
LA SOLUCION
Muy interesante tu video y muy explicativo. Este es un problema con el navegador, no con visual studio code, no entiendo por que todos los videos se empeñan en como solucionarlo en visual studio code, ya que si programas utilizando cualquier otro ide o en sublime o en bloc de notas te va a seguir dando el error porque alli no podes instalar este paquete adicional de visual studio code.
- La solucion mas rapida es, luego de arrancar el servidor que puede ser XAMP o el que usen no ejecuten el archivo que van a probar en el navegador haciendole doble clic, en vez de eso en el navegador accedan a "localhost" y luego desde alli accedan a su archivo en la lista que les muestra el navegador
Tremendo crack
Gracias Amir por formar parte de esta comunidad
Unas preguntas. ¿Porque cuando consumo la API sin necesidad de poner el "cors()" en el desarrollo de esta misma, cuando la consumo con PostMan, no tengo ningun problema? ¿Porque cuando envio datos a travez de "submit" si se envian y por Fetch da problemas de "cors"? Saludos :D
eso es pq los probelmas de cors solo pasan entre back y front, cuando usas postman, estas back con back
@@leandropugliese5315 entonces si la envio por "submit" desde el front si se envia, pero por fetch da problemas de cors?
@@thereciolol2733 claro, digamos lo que viaje front a front cómo por ejemplo un formulario, y lo muestres directo no va a tener problema, y si es back a back tampoco, el cors es como una barrera para que no cualquiera pueda usar una api para su front sin autorización
Cuando la petición de acceso a la API se realiza dentro del contexto del navegador se le aplican las restricciones de CORS, en cambio si se hace desde un código que corre en el backend o en el desktop (no en el browser), no se le aplica la política de CORS. Esa es la razón por la cual el CLI de Postman funciona sin problemas para consumir una API.
Pregunta, tengo una aplicación en ionic 6 y me corre perfectamente en mi navegador web, pero cuando la corro en un emulador o en un dispositivo físico me arroja las políticas de cors hay alguna configuración aparte para las aplicaciones android ?
Soy nuevo en angular en fin nuevo en todo lo que tiene que ver con desarrollo web y me e tomado con eso de los cors en muchas publicaciones y me hacia la cabeza un 8 porque no entendía nada de nada, pero todo cambio cuando #Leifer ataco
Hola Leifer, cómo estás? En mi caso me conecto con una API de un dispositivo Firewall de red, el cuál no he visto como modificar para cambiar dicho parámetro, yo necesito modificar algo en mi código para que cuando le pego en su api no me de error de cors, es posible? Por ejemplo si ejecuto mi browser sin cors chequeo funciona perfectamente. Uso html con js.
buen video amigo gracias
Gracias a ti Crhis por formar parte de esta comunidad
Guaoooo!!! es excelente
gran video! me quedo una duda, desde el lado del front, cuando realizo una peticion a una api me sale el error de cors, si la hago con fetch y cambio el mode la puedo lograr correctamente, en cambio cuando la hago con axios no tengo manera, tienes idea si se puede hacer con axios de alguna manera? saludos!
Como la logras con fetch?
como hago eso para paginas estaticas? sin usar un sevidor ni la libreria CORS
el codigo de cors le pusiste al api mas no al que consume la api?
Una duda si yo no tengo acceso a la API para modificar que origenes permitir y cuales no, digamos que es una API que no es mia, como le harias en ese caso?.
Hola Jose si no tienes acceso entonces deberia hacer un servicio que a nivel de backend osea te montas una api en node que sirva como capa intermedia entre el SERVICIO TERCERO ---> FRONTEND
Muy bueno tu video. Yo lo soluciones con un proxy del lado de angular, pero esta mejor tu solución y más entendible.
Hola Jampool gracia y bienvenido a esta coomunidad
Hola Jampool, puedes indicar cómo fue tu solución desde el lado angular ? Ya que de momento no puedo hacer cambios en el servidor... gracias
Empieza yaa! Jaja 😃
Pronto!!
Gracias
Hola Leifer saludos! como puedor resolver el problema de cors cuando intento usar el paquete vue2-pdf-viewer?
excelente!
Consulta, esto solo pasa con html? Si por ejemplo yo creo una api que solo devuelve 1 recurso json cuando le hacen peticiones tambien tendria este problema con el cors si intento acceder desde el navegador? gracias!
Este error es frecuente cuando el navegador llama a una API. Si tienes un backend que Internamente llama a otra API no presentas este error
@@LeiferMendez gracias, ahi entendi mejor
Excelente, sigue asi
Alan gracias por ver y formar parte de esta comunidad
tengo un problema con los cors al momento de traer un string para un SRC de un audio como lo soluciono?
Excelente video, como podemos hacer para que por ejemplo, solicite en los headers un "api-key" y que si esta no es correcta tampoco nos dejé conectarnos
gracias rey
Tengo este problema actualmente pero desde un app. Cual seria el origen de la app para cuando esta haga la petición el api le responda
Veo que la modificación la realizas sobre la api que tienes montada en Express pero que sucede si la api es de un tercero y no puedes modificar esas políticas de CORS, me sucede que intento consultar la api de un tercero desde localhost y me sale ese error.
Buenas sii ese es un caso muy común en ese escenario tienes que crear tu propio endpoint y desde tu backend hacer un fetch o curl a el servicio externo ya que los cors no aplican desde bsckend
¿que pasa cuando la api es de un tercero y no tenes acceso al backend? Es posible resolverlo desde el front?
No, debes montar un proxy entonces
¿el cors solo funciona con navegadores verdad?, es decir, este error no pasaria con una app movil de android o ios?
pero que pasa cuando github pages es el que configura el servidor despues de desplegar?
Saludos Rodrigo en esos casos entonces debes de montar un servicio de backend que desde ese backend si de conecte al servicio que está dando problema de los cors eso es un problema muy frecuentemente.
Hola, cómo lo soluciono en sublime text?
amigo he creado un documento PDF en react pero cuando importo una imagen me sale el error cors y no se puede ver la imagen sabes como se puede solucionar ??
Yo lo tengo configurado igual pero ahora que lo implemente en el servidor con nginx me esta dando error de cors, crees que tenga algo que ver la configuracion de nginx?
@@LeiferMendez Ya te escribi por FB
Logre solucionarlo con la ayuda del amigo Leifer Mendez, No era problema del CORS el problema era que en NGINX no estaba definiendo cual es el tamaño maximo permitido para el body del cliente(client_max_body_size 100M;).
y que pasa cuando es una api que esta en producción, osea en internet y ya no en localhost.
Hola, entonces para mi caso un Angular + api SpringBoot Maven. Deberia de instalar cors a mi front y despues donde configuro el front?
Deben en el sprintbook configurarte los cors tu por el front no debes hacer nada
@@LeiferMendez yo tengo mi application y webconfig en mi back, con firebase + heroku andaba mi SPA pero con netlify+render...no no entiendo el porque...?
@@LeiferMendez puede ser bivalencia en los paths de mis endpoints?
@@LeiferMendez y gracias ppor responder..saludos desde ARG
Hola, podrias hacer esto de cors en js vanilla?
Lo que pasa que aunque ya haya instalado a través de npm i cors. Y haya creado los
const express = require('express');
Siempre me marca error en la consola de que require no esta definido y de ahi no puedo pasar.
Saludos
Hola Hector me puedes escribir por fb para ver mejor el código
@@LeiferMendez en si este es el codigo de mi archivo server.js
const express = require('express');
const cors = require('cors');
const app = express();
const port = 5500
app.use(
cors()
)
app.get("/", (req, res)=>{
res.json({name: "algo", algo: "algo"})
})
app.listen(port)
y el error es: Uncaught ReferenceError: require is not defined
Saludos
@@megaman2099 Estas usando node ?
@@LeiferMendez lo utilize solo para descargar el cors. De ahí en mas no.
La pagina web solo es un js y un index.html, no estoy utilizando ningun framework ni visual ni front ni para backend.
@@megaman2099 Si no usas backend no debes de tener problemas de cors
Muy buen video.
¿Me podría indicar si el avatar del FrontEnd lo hiciste en alguna WEB?
Haciendo pruebas con un API que no es mio, realizando un fetch en js recibo el error de CORS, pero si lo hago desde Postman si recibo la respuesta. Algunos recomiendan agregar un header de "Access-Control-Allow-Origin": "*", pero eso no cambia.
Hola Federico, tenemos en el discord una sesión especial para interactuar sobre estos temas, se llama asesoría técnica, allí encontrarás a varios compañeros que brindan soporte o puede que también me encuentres a mi.
Se creó con la finalidad de poder compartir más rápido y encontrar soluciones.
Te dejo el link
discord.gg/THUWQEwc
@@LeiferMendez Buenas, entro al Link de Discord y me dice que ya expiro, tendran otro Link actual? Gracias
Estimado como puedo arreglar el cors en angular con bd de firebase porque cree el archivo JSON y sigue el problema
Hola Claudio mm tendría que ver el código para esta más en contexto
gracias, entonces el problema en mi caso seria la api a la cual me conecto, aparte de eso no puedo hacer nada mas que instalar extension a chrome para que me deje conectarme? ya que no puedo modificar el servidor de la api... la idea mia era subir la web a mi portafolio para que otros la prueben pero el cors me esta dificultando mostrar el trabajo :/
Hola excelente contenido, muchas gracias. Tengo duda, como podría solucionar cors con vanilla, sin node js. Es decir tengo un index.html y un main.js super estándar. Hago un fetch a un archivo json que esta en una url fuera del dominio donde realice la petición. Y me salta el problema de cors. Quizás alguna configuración en las opciones de fetch me estaré perdiendo. Gracias por tu ayuda. Saludos.
Hola que tal...obtuviste la solución?