CloudFront が Access-Control-Allow-Origin を返さないのはなぜですか?

Question

CloudFront ディストリビューションが access-control-allow-origin を介してキャッシュ/送信しない理由を解明しようとしています。

ウェブサイトを curl すると:

HTTP/1.1 200 OK
Date: Sat, 03 Mar 2018 07:42:01 GMT
Content-Type: application/font-woff2
Content-Length: 77160
Connection: keep-alive
Set-Cookie: __cfduid=dda822a428a2dddb9113bbd425dba93e91520062921; expires=Sun, 03-Mar-19 07:42:01 GMT; path=/; domain=.flexrc.com; HttpOnly
Last-Modified: Fri, 02 Mar 2018 03:01:32 GMT
ETag: "5a98be8c-12d68"
Access-Control-Allow-Origin: *
CF-Cache-Status: HIT
Expires: Sat, 03 Mar 2018 11:42:01 GMT
Cache-Control: public, max-age=14400
Accept-Ranges: bytes
Expect-CT: max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"
Server: cloudflare
CF-RAY: 3f5a76ca7ddd3b50-YVR

しかし、CloudFront ファイルを curl すると:

HTTP/1.1 200 OK
Content-Type: application/octet-stream
Content-Length: 66624
Connection: keep-alive
Date: Sat, 03 Mar 2018 03:13:25 GMT
Last-Modified: Sun, 21 Feb 2016 22:02:50 GMT
ETag: "56ca340a-10440"
CF-Cache-Status: HIT
Expires: Sat, 03 Mar 2018 07:13:25 GMT
Cache-Control: public, max-age=14400
Accept-Ranges: bytes
Expect-CT: max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"
Server: cloudflare
CF-RAY: 3f58ed5738b09668-SJC
X-Cache: RefreshHit from cloudfront
Via: 1.1 f42a8d19b16850af801ce5662fc9fdab.cloudfront.net (CloudFront)
X-Amz-Cf-Id: HBJgB_UBz1pKdUQf-08bsZDXGE3Cv9GD6X9e3aUx_R8ejPdlQxGD8g==

で「編集動作」のために「選択されたリクエスト ヘッダーに基づいてキャッシュする」ホワイトリストを追加しましOriginたAccess-Control-Allow-Origin

また、オブジェクトを数回無効にし、配布の進行が完了するのを待っていました。

使っていませんS3。

私も確認しましたCloudfront で Access-Control-Allow-Origin を設定する

しかしそれは私を助けませんでした。

アドバイスがあればよろしくお願いします。

配信設定

Answer 1

再テストする前に、Cloudfront キャッシュを消去してみてください。ヘッダーを含むレスポンス全体がキャッシュされます。何が起こったのか推測すると、次のようになります。

1. CFのACAOがオフになりました
2. CF に curl を実行 - ACAO なしで応答をキャッシュにプル
3. ACAOを有効にするように設定が変更されました
4. リクエストが行われました - CF で HIT だったため、設定変更が反映されませんでした。

その結果、キャッシュを消去して再試行すると、適切なヘッダーを持つ新しいキャッシュ オブジェクトが生成されます。