AWS Cloudfront为javascript模块提供错误的MIME类型(“文本/平原”)

Question

我有一个Vue应用程序托管在亚马逊的S3桶上。当通过S3链接w/http访问时，它加载得很好。当我通过自定义SSL域链接访问cloudfront时，javascript没有得到正确的服务。JS文件可以通过浏览器中的https完全访问，但不要在浏览器中执行，只留下一个空白页。对于index.html中的两个javascript链接，我得到了以下错误：

未能加载模块脚本:需要一个JavaScript模块脚本，但服务器响应时使用了MIME类型的“text/平原”。根据HTML规范，对模块脚本实施严格的MIME类型检查。

另外:我遵循这里的说明：https://levelup.gitconnected.com/deploying-vue-js-to-aws-with-https-and-a-custom-domain-name-3ae1f79fe188

Answer 1

知道了，我只需手动将S3控制台中针对单个js对象的系统定义的内容类型从text/平原更改为application/javascript，然后确保缓存在我的浏览器上失效和刷新。

Answer 2

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

修改注册表项

HKEY_CURRENT_USER\SOFTWARE\Classes.js

将"Content“设置为"application/javascript”

注意: Windows可能会将注册表值还原为“text/平原”。

Answer 3

AWS S3在上传过程中确定js文件的默认“内容类型”元数据为“text/平原”。解决这类问题的方法是将文件上传到s3，并在js文件的元数据中显式指定内容类型。例如：

aws s3 sync $DIST_PATH/ s3://$BUCKET_NAME/ --exclude "*.js"
aws s3 sync $DIST_PATH/ s3://$BUCKET_NAME/ --include "*.js" --content-type "application/javascript"
aws cloudfront create-invalidation --distribution-id $DISTRIBUTION_ID --paths