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服务器可能导致JS文件加载慢的问题。以下是一些可能的原因: 1. 配置问题Nginx服务器的配置可能不正确,导致性能下降。例如,未正确配置缓存、压缩、连接池等参数,或者没有启用适当的优化模块。 2. 资源限制:如果Nginx服务器的硬件资源(如CPU、内存)有限,或者同时处理大量请求导致负载过高,可能会导致JS文件加载慢。 3. 带宽限制:如果Nginx服务器的网络带宽有限,或者与客户端之间的网络连接存在瓶颈,可能会导致JS文件下载速度变慢。 4. 静态文件处理:如果Nginx服务器未正确配置静态文件处理(如gzip压缩、缓存控制等),或者未启用适当的静态文件缓存机制,会导致JS文件加载速度变慢。 为了解决这些问题,你可以尝试以下方法: - 优化Nginx配置:检查Nginx服务器配置,确保启用了适当的优化选项和模块,并进行必要的调整。 - 资源扩展:增加Nginx服务器的硬件资源,如CPU、内存和网络带宽,以提高服务器的处理能力和响应速度。 - 静态文件缓存:配置适当的缓存头信息,启用静态文件缓存,减少对后端服务器的请求次数。 - 使用CDN:考虑使用CDN来加速静态文件的传输,通过将文件缓存在CDN节点上,使其离用户更近,提高加载速度。 请注意,具体的解决方法可能因环境和具体情况而有所不同。建议根据实际情况进行调整和优化。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值