AWS S3托管React应用发起POST请求时出现405 Method NotAllowed错误

核心问题澄清 #

你不是无法通过S3连接到后端服务器，当前405错误的原因是你的POST请求错误发送到了S3网站托管端点，而非你的后端服务器。之前同类部署没遇到问题，大概率是之前的前端请求目标正确指向了后端，而非S3。

为什么S3返回405？ #

S3网站托管端点的设计仅支持对存储桶内对象发起GET和HEAD请求，任何其他HTTP方法（包括POST）都会被直接拦截返回405。这是S3网站托管的固有限制，和你当前的存储桶策略无关——哪怕你在策略中添加POST权限，也无法绕过这个端点层面的限制。

修复方案 #

1. 修正前端请求目标（最直接的解决办法） #

检查React应用中配置的API基础URL，确保所有POST请求的目标是你的后端服务器域名/IP，而非S3的网站托管域名。比如前端代码中如果有类似process.env.REACT_APP_API_URL的配置，确认其值为后端地址，而非S3地址。

2. 若需通过CDN转发请求（进阶方案） #

如果需要统一通过一个域名访问静态资源和API，可以使用CloudFront配合路径规则实现：

• 将CloudFront分发的默认行为指向S3存储桶，用于加载React静态资源
• 添加额外行为，匹配API路径（比如/api/*），将请求转发到你的后端服务器
• 这种方式可以实现静态资源从S3加载，API请求自动转发到后端，避免请求发往S3端点

3. 关于签名POST请求的说明 #

S3的签名POST机制仅用于向S3存储桶上传文件的场景，无法用来将请求转发到你的后端服务器，对你当前的问题没有帮助。

内容的提问来源于stack exchange，提问作者Michal Ružička Ružička