2017-03-29 23 views
2

私はReactアプリケーションを作成し、認証にAuth0を使用しようとしています。ログインしようとすると、次の結果が返されます。Auth0でローカルホストとCORSがログインできない

XMLHttpRequestはhttps://my-domain.auth0.com/usernamepassword/loginをロードできません。プリフライト要求に対する応答はアクセス制御チェックをパスしません。応答の 'Access-Control-Allow-Credentials'ヘッダーの値は ''で、要求の資格情報モードが 'インクルード'の場合は 'true'でなければなりません。 Origin 'http://localhost:3000'はアクセスできません。 XMLHttpRequestによって開始された要求の信任状モードは、withCredentials属性によって制御されます。

私はそれがこれに関連しているだろうと思った:CORS problems with Auth0 and Reactが、私は「可起源(CORS)」Auth0の設定のスポット(とはい私も正しいクライアントのIDを使用しています)の両方でhttp://localhost:3000, http://localhost:3000/loginを持っています。

私は「可コールバックURLの(つまり、まったく同じかわからない)が、それはどちらか動作しませんでしたでhttp://localhost:3000/, http://localhost:3000/loginを入れてみました。

ソーシャルコネクション(Google)を使用すると、許可されたコールバックURLにhttp://localhost:3000/loginを入れてログインできました。

しかし、それはまだログインちょうど新しいユーザーのために動作しません。

任意のヘルプ?

それは違いを作る場合:

  • Auth0ログは、社会的なログインのために示すが、私はそう

  • を接続したときに、私はこれに関連して考えるために何のログがまったく存在しないことはこともIです

    SSOデータをフェッチするときにエラーが発生しました。これは単に、ネットワークに問題があったことを意味します。 ...(私のダッシュへのリンク)

  • :しかし、「起源」エラーはこの警告の前にログに記録されている場合は、Auth0ダッシュボードの「可起源(CORS)」リストに「http://localhost:3000」を追加してください

Refused to set unsafe header "accept-encoding"

は、私はまた、私は(関連していなくてもよい)、これらのエラーを取得グラバターのウェブサイトから

  • を404を取得します3210

  • +0

    git repoなどでアプリのコピーを入手できますか?自分のテナントを使用して、問題がコードベースであるかダッシュボードから誤って構成されているかを確認することができます。ソーシャルプロバイダの仕事でログインしているのと同じクライアントに対して、ソーシャル接続を有効にしようとすると(Googleなど - あなたはAuth0 Devキーを使うことができます)または同じエラー.. – arcseldon

    +0

    ありがとう、私は[EMRテストWebページ](https://github.com/canada11/ExampleEMRWebPage)にコードがあります+その答えを質問を更新しましたすべてのコードは、クライアントのフォルダにあります – canada11

    答えて

    0

    Auth0のクライアントで何か問題がありました。私はそれが何だったのかわかりませんが、私はAngular4アプリケーションを構築し、Auth0の同じクライアントに接続し、同じエラーが発生しました。私はAuth0でクライアントを削除して新しいものを作成しようとしましたが、今は動作します。エラーの原因は何もわかりませんが、新しいクライアントを作成してそのクライアントに接続することで問題が解決されました。

    関連する問題