首页 > 系统相关 >Nginx的 MIME TYPE问题导致的mjs文件加载出错的问题解决

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

时间:2024-10-24 11:20:50浏览次数:9  
标签:application Nginx MIME nginx mjs type

.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

问题解决!

 

标签:application,Nginx,MIME,nginx,mjs,type
From: https://www.cnblogs.com/Fooo/p/18499259

相关文章

  • nginx 默认60超时需要修改的地址
    1、这个是转发的nginx的vhost模块的php,添加以下代码 ,如果没有,可以忽略location/{if($query_string~*"\.\./|\./"){return404;}proxy_read_timeout300s;#增加到5分钟proxy_connect_timeout300s;prox......
  • https免费nginx证书
    快捷阅读:先安装好nginx,并配置好80端口的正常访问#安装Nginxyuminstall-ynginx#设置开机启动systemctlenablenginx#开启nginxsystemctlstartnginx#重启nginxsystemctlrestartnginx#nginx重新加载配置文件systemctlreloadnginx#新增nginx网站配置......
  • centos7 nginx优化
    优化nginx进程个数的策略在高并发、高访问量的web服务场景,需要事先启动好更多的nginx进程,以保证快速响应并处理大量并发用户的请求。worker_processes1;一般调整到与CPU的颗数相同查看LInux可查看CPU个数及总核数grepprocessor/proc/cpuinfo|wc-l优化绑定不同......
  • CTFHUB技能树之文件上传——MIME绕过
    开启靶场,打开链接:直接指明是MIME验证新建04MIME.php文件,内容如下:<?phpecho"Ciallo~(∠・ω<)⌒★";@eval($_POST['pass']);?>(这里加了点表情,加带点私货)用burp抓包:将application/octet-stream改成image/png或者jpg和gif符合条件就行:之后再点击“forward”提......
  • Nginx配置基于IP地址的访问控制
    访问控制基于模块ngx_http_access_module实现,可以通过匹配客户端源IP地址进行限制在location中,通过allow、deny配置仅允许172.16.0.1的主机访问http://www.uhn.cn/admin其他地址均拒绝location=/admin{root/data/nginx/html/uhn;allow172.16.0.1/24;denyall;}locati......
  • Nginx配置auth_basic认证,让用户访问指定页面时输入用户名密码认证
    配置方法:[root@localhost~]#yum-yinstallhttpd-toolsLoadedplugins:fastestmirrorLoadingmirrorspeedsfromcachedhostfileResolvingDependencies-->Runningtransactioncheck--->Packagehttpd-tools.x86_640:2.4.6-99.el7.centos.1willbeinstall......
  • Nginx根据返回的错误码,自定义错误页面回显
    在/data/nginx/html/uhn目录下创建一个error.html[root@localhost~]#echo"errorpage">/data/nginx/html/uhn/error.html然后修改配置文件,将 500502503504404的错误页面指向/error.html页面[root@localhost~]#cdweb[[email protected]]#viuhn.confserver......
  • 兰空图床搭建新思路:对接阿里云oss,nginx反向代理。
    我认为,图床搭建有几个关键点:提供api方便上传,且方便管理。空间够大,且稳定。不怕被盗刷流量。基于这几点,我想到了一种成本比较低的方案,即选择一台不限流量的阿里云vps+同地域的oss,上传通过兰空图床实现,访问通过nginx反向代理阿里云内网oss来实现。比如,购买阿里云99块钱的vps......
  • Nginx:各种问题
    1、nginx:commandnotfound使用ll查看文件权限,看nginx的权限是否为rw-r--r--如果是的话,说明该文件现在没有执行权限。使用指令chmod755./sbin/nginx把该文件的可执行权限开启。 2、auto/options:Nosuchfileordirectory 出现于:bash./configure配置nginx时解决方......
  • nginx上线一个静态页
    要使用Nginx配合一个静态网页,你需要按照以下步骤进行设置:###1.安装Nginx在大多数Linux发行版上,你可以使用包管理器来安装Nginx。**对于Ubuntu/Debian:**```bashsudoaptupdatesudoaptinstallnginx```**对于CentOS/RHEL:**```bashsudoyuminstallepel-releas......