Los CORS en resumen...

Los CORS o "Cross-Origin Resource Sharing" son una medida de seguridad implementada en los navegadores web modernos para prevenir la ejecución de scripts maliciosos y proteger la información del usuario. En este artículo, discutiremos en detalle qué son los CORS y cómo funcionan, así como algunos ejemplos para ilustrar su uso en la práctica.

¿Qué son los CORS? 

Los CORS son un mecanismo de seguridad utilizado por los navegadores web para restringir el acceso a recursos de origen cruzado. Cuando un sitio web solicita recursos de otro dominio, los navegadores implementan CORS para garantizar que solo se permita el acceso si el servidor que aloja los recursos de destino lo permite.

¿Cómo funcionan los CORS?

Los CORS funcionan mediante el uso de encabezados HTTP especiales que se agregan a las solicitudes de recursos. Estos encabezados informan al servidor que aloja los recursos si se permite el acceso a los recursos de origen cruzado. Si el servidor que aloja los recursos no permite el acceso, el navegador bloquea la solicitud y devuelve un error.

Ejemplos de CORS

Una página web que usa JavaScript para acceder a un recurso en un servidor diferente

Supongamos que un sitio web llamado "www.ejemplo.com" tiene una página que usa JavaScript para acceder a un recurso en "www.otrositio.com". Sin CORS, el navegador no permitiría que la página web "www.ejemplo.com" acceda al recurso en "www.otrositio.com" debido a la política de mismo origen.

Para solucionar esto, "www.otrositio.com" puede configurar su servidor para permitir el acceso de "www.ejemplo.com" a sus recursos, agregando encabezados CORS a sus respuestas HTTP.

Una aplicación web que solicita datos de una API en otro dominio

Supongamos que una aplicación web necesita acceder a datos de una API en otro dominio. Sin CORS, el navegador no permitiría que la aplicación acceda a los datos debido a la política de mismo origen.

Para solucionar esto, el servidor que aloja la API puede configurarse para permitir el acceso a sus recursos mediante la configuración de encabezados CORS en sus respuestas HTTP. La aplicación web puede agregar encabezados CORS a sus solicitudes HTTP para indicar al servidor que aloja la API que está permitido el acceso de origen cruzado.

Conclusión

Los CORS son una medida de seguridad importante que ayuda a proteger la información del usuario y prevenir la ejecución de scripts maliciosos. Al comprender cómo funcionan los CORS y cómo se pueden implementar en la práctica, los desarrolladores pueden crear aplicaciones web más seguras y confiables que permitan el acceso a recursos de origen cruzado de manera segura y controlada.