Problemi CORS con Auth0 e React

Question

Attualmente sto provando l'implementazione Auth0 nella mia app NodeJS + React. Questo tutorial è molto utile e utile, anche se ho un grosso problema. Ogni volta che tento di accedere/registrarsi tramite Auth0 ottengo

XMLHttpRequest non può caricare https://XYZ.eu.auth0.com/usernamepassword/login. La risposta alla verifica preflight non supera il controllo del controllo accessi: No L'intestazione 'Access-Control-Allow-Origin' è presente sulla risorsa richiesta. L'origine 'http://localhost:3000' non è quindi consentita l'accesso . La risposta alla richiesta di verifica preliminare non passa il controllo di accesso Controllo : Nessuna intestazione 'Access-Control-Allow-Origin' è presente sulla risorsa richiesta . L'origine 'http://localhost:3000' non è quindi l'accesso consentito a .

Quindi ho una comprensione approssimativa di ciò che significa. Ma non so dove impostare le opzioni necessarie per consentire questa richiesta a Auth0. Sul lato server? Nel codice del browser?

migliori saluti

---

EDIT: come Rodrigo López Dato sottolineato, posso scrivere origini nella mia app qui: https://manage.auth0.com/#/applications

Cosa devo mettere lì quando sto sviluppando a livello locale? Il mio IP?

Answer 1

Se si sta sviluppando localmente, è possibile inserire l'URL a cui si desidera reindirizzare. Per esempio, se si esegue sul vostro localhost sulla porta 4000, e si desidera reindirizzare al tuo percorso chiamato /callback, si può mettere:

http://localhost:4000/callback 

in quel campo.

Answer 2

Auth0 deve sapere quali sono le origini consentite e gli URL di callback per la propria applicazione. È possibile configurarlo nelle impostazioni dell'applicazione nella dashboard: https://manage.auth0.com/#/applications