S3静态网站表单POST重定向出现405 Method Not Allowed错误排查

首先得戳破核心问题：S3静态网站托管端点只支持GET和HEAD请求，完全不处理POST、PUT这类其他HTTP方法。你的报错根源就在这里——表单提交默认用POST方法，哪怕设置了重定向，浏览器会带着POST方法请求目标S3网站地址，而S3直接返回405，因为它根本不接受POST请求，这和你的CORS配置其实没关系（CORS管的是跨域请求权限，不是方法支持）。

下面给你几个可行的解决方案，按需选择：

方案1：修改表单提交方法为GET #

如果你的表单不需要提交敏感数据（比如只是单纯跳转，不需要传递参数），这是最简单的办法——直接把表单的method属性改成GET：

<form action="你的S3网站地址" method="GET">
  <!-- 表单内容 -->
  <button type="submit">提交</button>
</form>

这样提交后，浏览器会用GET请求访问S3静态站，S3就能正常响应，不需要额外配置。

方案2：用CloudFront + 边缘函数转换请求方法 #

如果必须用POST提交表单（比如有敏感数据或者业务强制要求），可以通过CloudFront配合边缘函数来处理：

• 把你的S3静态网站挂在CloudFront后面
• 创建一个CloudFront Functions（或者Lambda@Edge），当请求到达CloudFront时，检查如果是POST请求，就把请求方法修改为GET，同时清空请求体（因为GET不需要请求体）
• 这样S3收到的是GET请求，就能正常返回页面，不会报405

举个简单的CloudFront Functions示例代码：

function handler(event) {
    const request = event.request;
    // 拦截POST请求，转换为GET
    if (request.method === 'POST') {
        request.method = 'GET';
        request.body = undefined;
        delete request.headers['content-length'];
    }
    return request;
}

把这个函数关联到CloudFront的Viewer Request事件即可生效。

方案3：用API Gateway做中间层 #

另一种方式是搭建一个简单的API Gateway端点，让表单提交到这个端点，再由API Gateway返回重定向到你的S3静态网站：

• 创建一个API Gateway的POST方法
• 在集成请求里配置重定向规则，或者用Lambda集成直接返回3xx重定向响应
• 这样表单提交POST到API Gateway，API Gateway返回重定向后，浏览器会用GET请求访问S3，自然就不会有405问题了

总结一下：你的CORS配置没问题，问题出在S3静态站不支持POST请求。选上面的方案解决即可。

内容的提问来源于stack exchange，提问作者4m1nh4j1