Problemy z CORS z Auth0 i React

Question

Obecnie próbuję zaimplementować Auth0 w mojej aplikacji NodeJS + React. Ten samouczek jest naprawdę dobry i pomocny, chociaż mam jeden duży problem. Za każdym razem staram się zalogować/zarejestrować poprzez Auth0 uzyskać

XMLHttpRequest nie może załadować https://XYZ.eu.auth0.com/usernamepassword/login. Odpowiedź na preflight żądanie nie przechodzi kontroli dostępu: Nie Nagłówek "Access-Control-Allow-Origin" jest obecny na żądanym zasobie . Pochodzenie "http://localhost:3000" jest zatem niedozwolone pod warunkiem dostępu . Odpowiedź na żądanie inspekcji wstępnej nie przechodzi kontroli dostępu check: nagłówek "Access-Control-Allow-Origin" nie jest dostępny w żądanym zasobie . Pochodzenie "http://localhost:3000" nie jest zatem dozwolone.

Tak więc rozumiem, co to oznacza. Ale po prostu nie wiem, gdzie ustawić potrzebne opcje, aby zezwolić na to żądanie Auth0. Po stronie serwera? W kodzie przeglądarki?

poważaniem

---

EDIT: jako Rodrigo López Dato wskazał, mogę napisać korzenie w moim app tutaj: https://manage.auth0.com/#/applications

Co należy umieścić tam, kiedy Zajmuję lokalnie? Moje IP?

Answer 1

Jeśli rozwijasz się lokalnie, możesz umieścić adres URL, do którego chcesz przekierować. Na przykład, jeśli uruchomiony na localhost na porcie 4000, a chcesz przekierować do szlaku zwanym /callback, można umieścić:

http://localhost:4000/callback 

w tej dziedzinie.

Answer 2

Auth0 musi wiedzieć, jakie są Twoje dozwolone początki i adresy URL wywołania zwrotnego dla Twojej aplikacji. Możesz skonfigurować to w ustawieniach aplikacji na pulpicie: https://manage.auth0.com/#/applications