Error de CORS: No 'Access-Control-Allow-Origin'... ¿qué hago mal?

Ski

Me estoy volviendo loco con un error de CORS. Tengo un frontend en Vue (localhost:5173) que intenta hacer una petición a mi API de backend en Express (localhost:3000).

En el navegador me sale el típico error: Access to fetch at 'http://localhost:3000/api/data' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

He instalado el paquete cors en Express y lo uso así: app.use(cors()). ¿Qué me falta?

Piano

Un clásico. Asegúrate de que app.use(cors()) se está ejecutando ANTES de que definas tus rutas. El orden de los middlewares en Express es crucial.

Si eso está bien, prueba a configurar CORS explícitamente para asegurarte de que permite tu origen:

app.use(cors({ origin: 'http://localhost:5173' }));

A veces la configuración por defecto puede no funcionar como esperas.

Ski

¡Era el orden! Tenía la definición de las rutas antes del app.use(cors()). Lo he cambiado y ha funcionado al instante. ¡Qué detalle tan tonto! Mil gracias.