AWS CloudFront + S3 遇到 CORS 解決方式

使用 Amazon S3 控制台設定 CORS 規則

1.開啟 Amazon S3 控制台。

2.選擇您的bucket。
3.選擇「權限」標籤。

4.在下方Cross-origin resource sharing (CORS)共用窗格中，選擇編輯。

在文字方塊中，輸入要啟動的 JSON CORS 規則：

[
  {
    "AllowedHeaders": [
      "Authorization"
    ],
    "AllowedMethods": [
      "GET",
      "HEAD"
    ],
    "AllowedOrigins": [
      "http://www.example.com"
    ],
    "ExposeHeaders": [
      "Access-Control-Allow-Origin"
    ]
  }
]

CloudFront 修改部分

選擇對應 Distributions 修改 behavior

修改 Origin request

這裡選擇 Managed-CORS-S3Origin

修改 Response headers

這裡選擇Managed-SimpleCORS

參考：

https://aws.amazon.com/cn/blogs/china/several-solutions-to-cloudfront-cross-domain-problem-cors/

https://repost.aws/knowledge-center/s3-configure-cors