一、创建 S3 存储桶

首先，您需要在 AWS S3 中创建一个存储桶，用于存放您的静态文件（如 HTML、CSS、JavaScript 文件、图片等）。

• 登录到 AWS 管理控制台。

• 导航到 S3 服务。

• 创建一个新的存储桶，并为它设置合适的名称和区域。

• 上传您的静态文件到这个存储桶。

二、配置 CloudFront 分布

接下来，您需要创建一个 CloudFront 分布来分发这些文件：

• 在 AWS 管理控制台中，导航到 CloudFront 服务。

• 点击“创建分布”。

• 选择“Web”作为分发类型。

• 在“源域”部分，选择您的 S3 存储桶作为源。

• 配置缓存行为、价格类、SSL 证书等选项。

• 创建分布。

三、获取 CloudFront 域名

创建分布后，CloudFront 会提供一个域名，您可以使用这个域名来访问您的内容。例如：

d3fef9bto4frvc.cloudfront.net

四、配置 DNS

如果您希望通过原始域名（例如 www.example.com）访问您的网站，您可能需要在 DNS 设置中添加一个 CNAME 记录，指向您的 CloudFront 域名。例如：

www    CNAME   d123456789abcdef.cloudfront.net

五、配置跨域

S3：跨源资源共享(CORS)

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "PUT",
            "POST",
            "DELETE",
            "GET"
        ],
        "AllowedOrigins": [
            "http://*",
            "https://"
        ],
        "ExposeHeaders": [],
        "MaxAgeSeconds": 3000
    }
]

CloudFront：行为-编辑