当前位置：首页 > news >正文

AWS CloudFront加速S3配置跨域

news 来源：原创 2025/6/19 18:59:26

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}
]