Access-Control-Allow-Originヘッダーで複数のドメインを処理するオリジン間リソース共有(CORS)

オリジン間リソース共有(CORS)で複数ドメインを記述したい場合。

## ダメな例

```
Header set Access-Control-Allow-Origin "https://example1.com"
Header set Access-Control-Allow-Origin "https://example2.com"
Header set Access-Control-Allow-Origin "https://example3.com"
```

最後の記述だけが有効になる。

set の部分を add や always append の用法もある様だが好ましく無いらしい。

## 実用例

```
<IfModule mod_headers.c>
	SetEnvIfNoCase Origin "https?://(www\.)?(example\.jp|localhost)(:\d+)?$" AccessControlAllowOrigin=$0
	Header set Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin
</IfModule>
```

この例では以下の8個に対応する

```
http://example.jp
https://example.jp
http://www.example.jp
https://www.example.jp
http://localhost
https://localhost
http://www.localhost
https://www.localhost
```
および :8080 などポート番号付きも許可

## 実用例2

localhost部分がexample2.jpに変化しただけだが一応記述しておく。

```
<IfModule mod_headers.c>
	SetEnvIfNoCase Origin "https?://(www\.)?(example\.jp|example2\.jp)(:\d+)?$" AccessControlAllowOrigin=$0
	Header set Access-Control-Allow-Origin %{AccessControlAllowOrigin}e env=AccessControlAllowOrigin
</IfModule>
```

この例では以下の8個に対応する

```
http://example.jp
https://example.jp
http://www.example.jp
https://www.example.jp
http://example2.jp
https://example2.jp
http://www.example2.jp
https://www.example2.jp
```
および :8080 などポート番号付きも許可

## その後

私の用意した環境では上記設定は不安定だった。よって現時点は複数ドメインの記述は行っていない。
その後の検証も行っていない。

Access-Control-Allow-Originヘッダーで複数のドメインを処理するオリジン間リソース共有(CORS)

動画

画像

アイコン

文字列

QRコード

Excel

SVG

読み上げ

HTML,CSS

色

3D

音

ビット、バイト

データベース

カレンダー系

IPv4,IPv6

インターネット

開発

ビンゴ大会開催システム(Wタイプ) 自動更新

ビンゴ(Pタイプ) 自動更新

ビンゴ(Aタイプ) 抽選機+カード

ビンゴ(Mタイプ) 手動更新

抽選機等

パズル、ゲーム

他

Access-Control-Allow-Originヘッダーで複数のドメインを処理する オリジン間リソース共有(CORS)

動画

画像

アイコン

文字列

QRコード

Excel

SVG

読み上げ

HTML,CSS

色

3D

音

ビット、バイト

データベース

カレンダー系

IPv4,IPv6

インターネット

開発

ビンゴ大会開催システム(Wタイプ) 自動更新

ビンゴ(Pタイプ) 自動更新

ビンゴ(Aタイプ) 抽選機+カード

ビンゴ(Mタイプ) 手動更新

抽選機等

パズル、ゲーム

他

Access-Control-Allow-Originヘッダーで複数のドメインを処理するオリジン間リソース共有(CORS)