AWS Cloudfront 将 javascript 模块提供为错误的 MIME 类型（“Text/Plain”）

Question

我有一个托管在 Amazon S3 存储桶上的 Vue 应用程序。通过带有 http 的 S3 链接访问时，加载效果非常好。当我通过指向 cloudfront 的自定义 SSL 域链接访问该网站时，无法正确提供 javascript。JS 文件可以在浏览器中通过 https 完全访问，但不会在浏览器中执行，给我留下一个空白页面。对于 index.html 中的两个 javascript 链接，我收到以下错误：

无法加载模块脚本：需要 JavaScript 模块脚本，但服务器以 MIME 类型“text/plain”进行响应。根据 HTML 规范对模块脚本强制执行严格的 MIME 类型检查。

另外：我按照此处的说明进行操作：https://levelup.gitconnected.com/deploying-vue-js-to-aws-with-https-and-a-custom-domain-name-3ae1f79fe188

Answer 1

想通了，我只需在 S3 控制台中手动将各个 js 对象的系统定义内容类型从 text/plain 更改为 application/javascript，然后确保缓存无效并在浏览器上刷新。

Answer 2

如果通过 aws 命令行工具上传，您可以通过注册表编辑使其上传具有正确 mime/内容类型的 javascript 文件。

修改注册表键值

HKEY_CURRENT_USER\SOFTWARE\Classes.js

将“内容类型”设置为“应用程序/javascript”

注意：Windows 更新可能会将注册表值恢复为“text/plain”条目。

REG ADD HKCU\Software\Classes\.js /v "Content Type" /t REG_SZ /d "application/javascript" /f