2015-12-28 12 views
9

Tôi hiện đang thử triển khai Auth0 trong Ứng dụng React NodeJS + của mình. Hướng dẫn này thực sự tốt và hữu ích, mặc dù tôi có một vấn đề lớn. Mỗi lần tôi cố gắng đăng nhập/đăng ký qua Auth0 tôi nhận đượcVấn đề về CORS với Auth0 và React

XMLHttpRequest không thể tải https://XYZ.eu.auth0.com/usernamepassword/login. Trả lời yêu cầu preflight không vượt qua kiểm soát kiểm soát truy cập: Không có tiêu đề 'Access-Control-Allow-Origin' trên tài nguyên được yêu cầu . Do đó, nguồn gốc 'http://localhost:3000' không được phép truy cập . Phản hồi yêu cầu preflight không vượt qua kiểm soát truy cập kiểm tra: Không có tiêu đề 'Access-Control-Allow-Origin' xuất hiện trên tài nguyên được yêu cầu . Do đó, nguồn gốc 'http://localhost:3000' không phải là quyền truy cập được phép.

Vì vậy, tôi hiểu rõ điều đó có nghĩa là gì. Nhưng tôi chỉ không biết nơi để thiết lập các tùy chọn cần thiết để cho phép yêu cầu này để Auth0. Về phía Server? Trong mã trình duyệt?

Trân trọng


EDIT: như Rodrigo López Dato chỉ ra, tôi có thể viết Nguồn gốc trong ứng dụng của tôi ở đây: https://manage.auth0.com/#/applications

tôi nên đặt gì ở đó khi tôi đang phát triển tại địa phương? IP của tôi?

Trả lời

8

Nếu bạn đang phát triển cục bộ, bạn có thể đặt URL bạn định chuyển hướng đến. Ví dụ, nếu bạn đang chạy trên localhost của bạn tại cổng 4000, và bạn muốn chuyển hướng đến tuyến đường của bạn được gọi là /callback, bạn có thể đặt:

http://localhost:4000/callback 

trong lĩnh vực đó.

6

Auth0 cần biết nguồn gốc được phép và URL gọi lại của bạn là gì cho ứng dụng của bạn. Bạn có thể định cấu hình cài đặt đó trong cài đặt của ứng dụng trong trang tổng quan: https://manage.auth0.com/#/applications

Các vấn đề liên quan