𝗪𝗵𝘆 𝗟𝗼𝗰𝗮𝗹𝗵𝗼𝘀𝘁 𝗦𝘁𝗶𝗹𝗹 𝗧𝗿𝗶𝗴𝗴𝗲𝗿𝘀 𝗖𝗢𝗥𝗦 𝗘𝗿𝗿𝗼𝗿𝘀

Por qué Localhost sigue generando errores CORS

Ejecutas tu frontend en localhost:3000. Ejecutas tu backend en localhost:5000. Ambas aplicaciones residen en tu portátil. Sin embargo, ves un error de CORS.

Esto sucede por la forma en que los navegadores definen un origen.

Un origen consta de tres partes:

• Protocolo
• Dominio
• Puerto

Compara estos dos:

• http://localhost:3000
• http://localhost:5000

Comparten el mismo protocolo. Comparten el mismo dominio. Utilizan puertos diferentes.

Los navegadores ven los diferentes puertos como orígenes distintos.

Cuando tu aplicación React llama a tu API, el navegador detecta una solicitud de origen cruzado (cross-origin). Los ve como dos entidades separadas.

¿Por qué existe esta regla? Seguridad.

Si los sitios web pudieran llamar a cualquier API libremente, un sitio malicioso podría:

• Leer tus datos bancarios.
• Acceder a APIs privadas.
• Actuar en tu nombre.

Los navegadores utilizan la