本文详细介绍了如何配置Amazon CloudFront CDN与S3源站以实现跨域访问。主要步骤包括：在S3存储桶添加CORS配置，确保允许所有或特定来源访问；在CloudFront分发行为中配置正确的白名单标头，特别是对于CORS至关重要的标头；以及在CloudFront缓存行为中启用OPTIONS请求，以处理预检请求。遵循这些步骤可以解决前端跨域请求时报错的问题。
Amazon CloudFront CDN + s3 源站跨域配置
问题描述
使用 Amazon CloudFront CDN + s3 源站托管前端静态页面，前端跨域请求时报错：
...blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
解决方法
配置 Amazon CloudFront CDN 和 s3 支持跨域请求
1. s3 存储桶添加 CORS 配置
存储桶—>权限—>CORS配置，添加类似下面 xml 格式的 CORS 配置：
<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>HEAD</AllowedMethod>
<AllowedMethod>PUT</AllowedMethod>
<AllowedMethod>GET</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<ExposeH
最低0.47元/天 解锁文章
扫一扫
7216
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
