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

Question

在本地开发的时候都是好好的，但是发布到线上就出现无法加载文件的问题：

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 type 文件，修改对应的 MIME type 与 mjs 的映射​：

修改

application/javascript js;

为

application/javascript js mjs;