AWS CloudFront加速S3配置跨域

yunson_Liu2025-04-21 9:08

1、点击分配

源我们就选择S3-->选择我们要加速的S3存储桶

2、创建OAC访问方式

在我们的来源访问处-->来源访问控制设置(推荐)-->选择创建新的OAC(Create new OAC)-->自定义名字按默认选项保存-->选择刚刚新创建的OAC

3、选择查看器的配置

根据具体情况，如果我们的S3前面还有域名调用则就选择Redirect HTTP to HTTPS

4、缓存键和源请求操作

1、缓存策略处选择CachingDisabled 或自己建一个自定义 policy，添加 Origin header 到 whitelist

2、源请求策略选择AllViewerExceptHostHeader 或自己加上 Origin 头

3、响应标头策略就需要我们自己创建一个将

Access-Control-Allow-Origin: * 或你的前端域名

Access-Control-Allow-Methods: GET, HEAD, OPTIONS

Access-Control-Allow-Headers: *
添加上
4、添加上刚刚创建好的响应标头策略

至此创建Cloudfront完毕

5、在S3处也要配置跨域

选择创建好的S3-->权限-->跨源资源共享(CORS)-->编辑如下内容-->保存

json 复制代码

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "POST",
            "GET",
            "PUT"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "ETag",
            "Content-Length"
        ],
        "MaxAgeSeconds": 3000
    }
]