node.js - node - Problemas de CORS con Auth0 y React

session react js

Question

Actualmente estoy intentando implementar Auth0 en mi aplicación NodeJS + React. Este tutorial es realmente bueno y útil, aunque tengo un gran problema. Cada vez que intento iniciar sesión / registrarme a través de Auth0 obtengo

XMLHttpRequest no puede cargar https://XYZ.eu.auth0.com/usernamepassword/login . La respuesta a la solicitud de verificación previa no pasa la comprobación de control de acceso: No hay encabezado ''Access-Control-Allow-Origin'' presente en el recurso solicitado. El origen '' http: // localhost: 3000 '' no está, por lo tanto, permitido. La respuesta a la solicitud de verificación previa no pasa la comprobación de control de acceso: No hay encabezado ''Access-Control-Allow-Origin'' presente en el recurso solicitado. El origen '' http: // localhost: 3000 '' no está, por lo tanto, permitido.

Entonces tengo un entendimiento aproximado de lo que eso significa. Pero simplemente no sé dónde establecer las opciones necesarias para permitir esta solicitud a Auth0. En el lado del servidor? En el código del navegador?

Atentamente

EDITAR: como señaló Rodrigo López Dato, puedo escribir Origins en mi aplicación aquí: https://manage.auth0.com/#/applications

¿Qué debería poner allí cuando me estoy desarrollando localmente? ¿Mi IP?

Answer 1

Auth0 necesita saber cuáles son sus orígenes permitidos y las URL de devolución de llamada para su aplicación. Puede configurar eso en la configuración de su aplicación en el tablero: https://manage.auth0.com/#/applications

Answer 2

Si está desarrollando localmente, puede colocar la URL a la que va a redirigir. Por ejemplo, si está ejecutando en su servidor local en el puerto 4000, y desea redirigir a su ruta llamada /callback , puede poner:

http://localhost:4000/callback

en ese campo