Cloudfront 安全标头导致 CORS 问题

Question

我有两个不同的 Vue.JS 应用程序部署到 AWS S3 + Cloudfront。第一个在 Route53 中设置了域名，而第二个在 Google 的域名服务中设置了域名。

这两个应用程序都运行良好。最近，我尝试在“行为”设置下使用 cloudfront 预定义的安全标头：

标头策略具有以下所有内容：

第一个应用程序（在 Route53 中配置了域）继续正常运行，但对于第二个应用程序，我开始遇到 CORS 问题。

这有点令人困惑，因为我从同一个域内收到了 CORS 错误。

Answer 1

我认为它抱怨您的脚本没有正确的 MIME 类型（需要 application/javascript）。这有帮助吗？

在 S3 控制台中手动将各个 js 对象的系统定义内容类型从 text/plain 更改为 application/javascript，然后确保缓存已失效并刷新

来源：提问者