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

在某次网页部署到服务器之后访问前端页面发现console下报了如下错误

Failed to load module script: The server responded with a non-JavaScript 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的映射，操作如下

去nginx配置文件中发现 mimetype文件路径为 /etc/nginx/mime.types

遂

sudo vim /etc/nginx/mime.types

修改

application/javascript                 js;

为

application/javascript                           js mjs;

然后

sudo nginx -s reload

再次访问发现，网页没有报错，可以正常运行

问题解决！

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

在windows、linux中开启nginx的Gzip压缩大大提高页面、图片加载速度转
为了降低tomcat服务的压力,把页面上的图片采用windows版的nginx进行加载,由于有些图片比较大,加载特别的慢,所以在nginx中打开了gzip的压缩功能.加载图片的速度快了很多. 通过站长 ...
nginx鉴权之后查看pdf报错未能加载pdf文档
nginx鉴权之后查看pdf报错未能加载pdf文档,其他浏览器正常,只有谷歌浏览器出现了该问题 nginx做了鉴权后存在该问题现象,谷歌浏览器对于跨域的要求比较严格导致的 #主要是在nginx配置中加 ...
js文件加载显示状态码206，导致页面一直显示加载中
一.问题现象: 用户反馈平台一直显示加载中,无法登录平台,因没有其他用户反馈,且我方验证时可以打开平台,采用了如下方式均未解决问题: 1.换浏览器使用 2.清除浏览器缓存 3.咨询服务部署方是否对用户 ...
解决Ubuntu自动更新Linux内核导致显卡驱动无法加载,致使循环在登录界面
解决Ubuntu自动更新Linux内核导致显卡驱动无法加载,致使循环在登录界面关闭unattended-upgrade 在/etc/apt/apt.conf.d目录下,查找包含Unattended- ...
浏览器广告插件导致程序无法正常加载
今天在谷歌浏览器运行之前后台的程序,居然出现了异常,点击F12查看出现了net::ERR_BLOCKED_BY_CLIENT, 但是同样程序在其他浏览器却能正常运行,通过查找资料发现了由于屏蔽广告的插 ...
Nginx 内置命令启动，停止和重新加载Nginx
使用Nginx命令启动,停止和重新加载NginxNginx具有一组内置工具,用于管理可以使用Nginx命令访问的服务. Nginx 启动要启动Nginx和相关进程,请输入以下内容: sudo /et ...
自定义字体包过大，导致页面加载缓慢的问题解决
// 字体包过大,在渲染页面客户端时加载缓慢,导致页面加载缓慢影响用户体验.需要处理字体包: // 1. 转码,使得不受不同浏览器之间的限制 2.压缩:使得加载更迅速 // 使用中文字体压缩器:fon ...
nginx 稳定版 1.16.0 发布支持动态加载SSL证书
Nginx(发音同 engine x)是一款轻量级的 Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个 BSD-like 协议下发行,可以在 UNIX.GNU/Lin ...
Tomcat+nginx项目在浏览器报安全隐患以及图片加载失败原因
场景还原,已经上线的项目报出的bug,在IE8跳转页面后,图片资源无法显示,以及chrome上出现安全限制警告. 在拿到问题后,百度了一下出现安全警告的情况,注意到其中有一种情况为:HTTPS页面中引 ...
metronic 4.5.7开发环境下, 在Windows 10上安装了10.16.0版本的node js之后,导致node sass无法加载...
解决办法: 修改metronic 中的package.json文件, 将gulp-sass的依赖项版本改为3.2.1即可解决 {"name": "metronic&quo ...

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

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

最新文章

热门文章