CORS
Parte del curso de Web
Tu frontend corre en localhost:3000, tu API corre en localhost:8000, y la petición que funciona perfectamente con curl falla en el navegador con un mensaje rojo en la consola sobre Access-Control-Allow-Origin. No hay nada roto. El navegador está haciendo exactamente aquello para lo que se diseñó, está protegiendo a tus usuarios de un ataque real, y la solución es una sola cabecera de respuesta en el servidor.
Los navegadores aplican una frontera llamada política del mismo origen: el JavaScript cargado desde un origen no puede leer respuestas de un origen distinto salvo que ese origen lo permita de forma explícita. ...
¿Quieres aprender Web CORS en un entorno real?
Haz clic abajo, recibe una máquina Linux con Web listo, y practica CORS con un tutor de IA que conoce tu código.
Empezar esta lecciónCORSLo que vas a aprender
- Same-origin policy
- Origin
- Preflight OPTIONS
- Access-Control-Allow-Origin
- Access-Control-Allow-Methods
- Access-Control-Allow-Headers
- Credentials mode
Lee esta lección en tu idioma
Todas las lecciones de este curso
14 lecciones- 1Qué es la web20 min
- 2HTTP vs HTTPS15 min
- 3Anatomía de la solicitud y la respuesta30 min
- 4Cookies, sesiones y tokens25 min
- 5DNS explicado25 min
- 6TLS y certificados30 min
- 7CORS30 min
- 8Fundamentos de API REST25 min
- 9WebSockets y SSE25 min
- 10Almacenamiento en caché y CDN25 min
- 11Encabezados de seguridad25 min
- 12Limitación de velocidad y regulación de tráfico20 min
- 13Monitoreo y registro20 min
- 14Proyecto final: Un servidor web minimalista40 min
Explora otros cursos
