Bluemix SSOサービスとのクロスオリジン問題

Reactを使用してフロントエンドアプリケーションを提供するnodeJS Expressアプリがあり、APIも提供しています。 ReactアプリはバックエンドAPIを呼び出します。そのため、クロスオリジンはありません。Bluemix SSOサービスとのクロスオリジン問題

これをSSOなしでBluemixにデプロイすると、すべて正常に動作します。 SSOサービスを使用して展開するとエラーが発生する

フェッチAPIがロードされないhttps://abcd-9bgrvudk1p-ct20.iam.ibmcloud.com/idaas/oidc/endpoint/default/authorize?response_type=code&client_id=Z4eSiL50dT&redirect_uri=https%3A%2F%2Fconsole-sso.mybluemix.net%2Fauth%2Fsso%2Fcallback&scope=openid%20openid。

'Access-Control-Allow-Origin'ヘッダーは、要求されたリソースに存在しません。 Origin 'https://console-sso.mybluemix.net'はアクセスできません。不透明な応答が必要な場合は、要求のモードを「no-cors」に設定して、CORSを無効にしてリソースをフェッチします。

APIを直接呼び出すとSSO認証後にうまくいきましたが、APIがフロントエンドアプリケーションによって呼び出されたときに、上記のエラーが返されます。

FYI、APIのターゲットは私がCORS要求を許可するようにCORSモジュールとレスポンスヘッダを追加しようとしたが、それはうまくいきませんでしたSingle Sign On documentation

に従っているhttps://console-sso.mybluemix.net/api/reports/daily-reports

です。私も*をSSO設定に追加してみました。すべてのポインタが素晴らしいだろう！ありがとう

出典

2017-09-02 jaydeepva