[解決済み】Access-Control-Allow-Originでオリジン<origin>が許可されない。
2022-04-08 14:28:12
質問
XMLHttpRequest cannot load http://localhost:8080/api/test. Origin http://localhost:3000 is not allowed by Access-Control-Allow-Origin.
クロスドメインajaxリクエストについて読み、根本的なセキュリティ問題を理解しました。私の場合、2つのサーバーがローカルで動作しており、テスト中にクロスドメインリクエストを有効にしたいのです。
localhost:8080 - Google Appengine dev server
localhost:3000 - Node.js server
へのajaxリクエストを発行しています。
localhost:8080 - GAE server
私のページがノードサーバからロードされている間。最も簡単で、最も安全な方法は何でしょうか(クロームを
disable-web-security
オプションが必要です)。もし私が
'Content-Type'
ノードサーバで行うべきでしょうか?どのように?
どのように解決するのですか?
異なるポートで動作しているため、異なるJavaScriptの
origin
. 同じマシン/ホスト名であることは問題ではありません。
サーバー(localhost:8080)上でCORSを有効にする必要があります。 このサイトを確認してください。 http://enable-cors.org/
あとは、サーバーにHTTPヘッダーを追加するだけです。
Access-Control-Allow-Origin: http://localhost:3000
あるいは、簡略化するために
Access-Control-Allow-Origin: *
サーバーがクッキーを設定しようとしている場合、"*" は使わないでください。
withCredentials = true
認証されたリクエストに応答するとき、サーバーはドメインを指定しなければならず、ワイルドカードを使用することはできません。
関連
-
[解決済み] Access-Control-Allow-Originヘッダーはどのように機能するのですか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] Chromeの同一生成元ポリシーを無効にする
-
[解決済み] Access-Control-Allow-Origin複数オリジンのドメイン?
-
[解決済み] REST APIからデータを取得しようとしたときに、要求されたリソースに'Access-Control-Allow-Origin'ヘッダーが存在しない。
-
[解決済み] file:// URLから実行されるアプリケーションのリクエストで、"Origin null is not allowed by Access-Control-Allow-Origin" エラーが発生する。
-
[解決済み] CORSです。資格情報フラグが true の場合、Access-Control-Allow-Origin でワイルドカードを使用できない。
-
[解決済み】Access-Control-Allow-OriginでOriginが許可されない。
-
[解決済み】http://localhost CORS originが機能しないのはなぜですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Uncaught ReferenceError: angular is not defined - AngularJSが動作しない。
-
[解決済み】最大呼び出しスタックサイズ超過エラーとその修正方法とは?
-
[解決済み] テスト
-
[解決済み】npm install --legacy-peer-deps は具体的に何をするのですか?どんなときに推奨されるのか/どんな使用例が考えられるのか?
-
[解決済み】React-Routerの子が1つしかない。
-
[解決済み】Uncaught ReferenceError。Firebase は定義されていません。
-
[解決済み】TypeError: AngularJSで未定義のプロパティ'get'を読み取れない
-
[解決済み] [Solved] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングする
-
[解決済み] Access-Control-Allow-Origin複数オリジンのドメイン?
-
[解決済み] OPTIONSルートにCORSヘッダを追加しても、ブラウザが私のAPIにアクセスできないのはなぜですか?