AWS CloudFront加速S3配置跨域

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)–>编辑如下内容–>保存

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