请求S3存储桶出现CORS错误，已配置CORS仍无法访问如何解决？

• CORS规则源匹配错误
  确认AllowedOrigins配置完全匹配本地开发服务器的地址，需包含协议（http/https）、域名、端口号，例如本地服务跑在5173端口需配置http://localhost:5173，不能仅填写http://localhost。排查阶段可临时将AllowedOrigins设为*验证是否为源匹配问题，生产环境再改回严格配置。
• 请求方法/请求头未放行
  确保AllowedMethods包含你实际用到的请求方法，加载静态资源默认用GET，同时必须添加OPTIONS放行预检请求；AllowedHeaders要覆盖请求实际携带的头字段，排查阶段可临时设为*。
• 存储桶公共访问限制未关闭
  检查S3存储桶的「阻止公共访问」配置，四个开关需全部关闭；同时确认menu.js文件本身具备公开读权限，可直接在无痕浏览器访问资源链接验证是否可正常读取，资源本身无法访问时也会触发类跨域报错。
• 带凭证请求的特殊配置遗漏
  如果前端请求开启了withCredentials: true，AllowedOrigins不能使用通配符*，必须填写明确的源地址，同时需要在CORS规则中添加"AllowCredentials": true配置。
• CDN缓存未清理
  如果S3桶前面配置了CloudFront等CDN服务，修改CORS规则后需要清理CDN缓存，否则旧的响应头会持续返回导致跨域问题。

参考CORS配置示例（本地开发用） #

[
    {
        "AllowedHeaders": ["*"],
        "AllowedMethods": ["GET", "OPTIONS"],
        "AllowedOrigins": ["http://localhost:5173", "http://127.0.0.1:5173"],
        "ExposeHeaders": []
    }
]

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