[解決済み] Access-Control-Allow-Origin複数オリジンのドメイン?
2022-03-19 10:17:13
質問
を使用して、複数のクロスドメインを許可する方法はありますか?
Access-Control-Allow-Origin
ヘッダを作成できますか?
を意識しています。
*
しかし、それはあまりにもオープンです。本当に2、3のドメインだけを許可したいのです。
例として、こんな感じ。
Access-Control-Allow-Origin: http://domain1.example, http://domain2.example
上記のコードを試しましたが、Firefoxではうまくいかないようです。
複数のドメインを指定することは可能ですか、それとも1つだけですか?
解決方法は?
推奨される方法は、サーバーがクライアントからOriginヘッダを読み、それを許可したいドメインのリストと比較し、一致する場合は
Origin
ヘッダとしてクライアントに返されます。
Access-Control-Allow-Origin
ヘッダをレスポンスに追加します。
と
.htaccess
を使うと、こんな風にできます。
# ----------------------------------------------------------------------
# Allow loading of external fonts
# ----------------------------------------------------------------------
<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
<IfModule mod_headers.c>
SetEnvIf Origin "http(s)?://(www\.)?(google.com|staging.google.com|development.google.com|otherdomain.example|dev02.otherdomain.example)$" AccessControlAllowOrigin=$0
Header add Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin
Header merge Vary Origin
</IfModule>
</FilesMatch>
関連
-
[解決済み] Access-Control-Allow-Originヘッダーはどのように機能するのですか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] 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-Headersはプリフライトレスポンスでそれ自身は許可されません。
-
[解決済み】Access-Control-Allow-OriginでOriginが許可されない。
-
[解決済み】AngularJS がクロスオリジンリソースに対して OPTIONS HTTP リクエストを実行する場合
-
[解決済み] htaccessで全てを拒否し、1つのIPだけを許可する。
-
[解決済み] Firebaseストレージとアクセス制御・許可・オリジン
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] .htaccessにおけるRewriteBaseの動作について
-
[解決済み] Access-Control-Allow-Origin複数オリジンのドメイン?
-
[解決済み] 汎用htaccessのリダイレクトwwwから非wwwへ
-
[解決済み] CORSです。資格情報フラグが true の場合、Access-Control-Allow-Origin でワイルドカードを使用できない。
-
[解決済み】.htaccessで全ページを新ドメインにリダイレクトする。
-
[解決済み】Access-Control-Allow-Originを回避する方法は?
-
[解決済み】Access-Control-Allow-Originでオリジン<origin>が許可されない。
-
[解決済み】.htaccessで非wwwをwwwにリダイレクトする。
-
[解決済み] htaccess アクセス制御-許可-オリジン
-
[解決済み] .htaccess mod_rewrite - rewrite ルールからディレクトリを除外する方法