He leído varias respuestas sobre este tema, pero ninguna de ellas me funciona hasta ahora. Intenté cambiar la solicitud en el lado del cliente:

 const res = await axios.post(url, body, { headers: { 'Access-Control-Allow-Origin': '*', "Access-Control-Allow-Methods": "*", 'Content-Type': 'application/json', "Access-Control-Allow-Headers": "Origin, X-Requested-With, Content-Type, Accept, Authorization" }, } );

así como configurar el CORS en el backend:

 app.options("*", cors({ origin: 'http://localhost:3000', optionsSuccessStatus: 200 })); app.use(cors({ origin: "http://localhost:3000", optionsSuccessStatus: 200 }));

El mensaje de error en Chrome es: Access to XMLHttpRequest at 'localhost:8000/api/user/register/' from origin 'http://localhost:3000' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

En Firefox: Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at localhost:8000/api/user/register/. (Reason: CORS request not http).

¿Qué estoy haciendo mal?

editar: verifiqué los encabezados de requisitos en localhost: 8000 (el que estoy buscando):

Parece que localhost:3000 está permitido, pero sigue sin funcionar