Nginx的 MIME TYPE问题导致的mjs文件加载出错的问题解决

.mjs文件: 明确表示使用 ES6 模块系统(ECMAScript Modules)。

 

在服务器用Nginx部署 前端项目后，出现下面这种问题
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.

经研究是由于nginx无法识别mjs文件，从而在http header中错误的使用 Content-Type:application/octet-stream 来传输mjs文件，导致浏览器端认为它不是一个合法的js脚本

（nginx配置中mime.types文件，application/javascript是否有js，mjs）

 

编辑nginx的MIME type文件，修改对应的MIME type与mjs的映射，操作如下：

修改

 

application/javascript                 js;

 

为

application/javascript                  js mjs;

 

 

然后打开 powershell 刷新 Nginx

cd D:\web\nginx-1.24.0\
D:\web\nginx-1.24.0\nginx.exe -s reload

问题解决！