通过CloudFront分发实现无代码S3文件上传遇MethodNotAllowed问题求助

以下是针对你的问题的具体配置调整步骤：

• 确认缓存行为的请求方法覆盖POST
  尽管你提到已启用所有请求方法，但需再次检查CloudFront缓存行为的设置：进入CloudFront控制台 → 目标分发 →「行为」标签 → 编辑对应缓存行为 → 在「允许的HTTP方法」中选择GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE，确保POST方法被明确包含，保存配置。

• 转发表单上传必需的请求头
  表单上传的multipart/form-data需要CloudFront正确转发关键请求头到S3：在缓存行为的「转发请求头」设置中选择「自定义」，添加Content-Type、Content-Length这两个头；如果存在跨域场景，额外添加Origin头。

• 配置S3存储桶的CORS策略
  由于CloudFront域名与S3原生域名不同，需为S3存储桶配置允许CloudFront域名请求的CORS规则：

  1. 进入S3控制台 → 目标存储桶 →「权限」标签 →「跨域资源共享（CORS）」
  2. 替换为以下配置（将https://x-x-x.cloudfront.net替换为你的实际CloudFront域名）：

     <?xml version="1.0" encoding="UTF-8"?>
     <CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
         <CORSRule>
             <AllowedOrigin>https://x-x-x.cloudfront.net</AllowedOrigin>
             <AllowedMethod>POST</AllowedMethod>
             <AllowedHeader>*</AllowedHeader>
             <MaxAgeSeconds>3000</MaxAgeSeconds>
         </CORSRule>
     </CORSConfiguration>
     

  3. 保存配置。

• 验证原点配置与表单action路径
  确保CloudFront的原点设置为你的S3存储桶完整域名（如x-x-x.s3.eu-north-1.amazonaws.com），且原点路径为空，这样表单action="/"的请求会被正确转发到S3存储桶根路径。

内容的提问来源于stack exchange，提问作者Pavel Husakouski