vue3 + gzip +nginx 部署静态文件被识别成text/html的问题

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec.

出现该问题的场景为解决vue gzip打包部署，nginx配置 try_files $uri $uri/ @router 解决刷新404问题的情况下产生，一开始以为是nginx的配置出了问题，但是一点点穷举问题后发现，不用gzip打包，nginx配置未更改是可以完美运行的，那问题的重点就是在gzip上了。
然后在自信看下提示的错误，text/html，这个是请求html的类型，这个类型也没有问题，问题是请求css js 也是这个类型，那就有问题了，f12打开开发者查看请求的返回，发现所有的请求全部返回的都是index.html中的类容，那问题就很明显了，为解决404其他路由地址全部重定向到index，那为什么不使用gzip的时候是正常的呢。
nginx的具体是怎么判断的，这块不太清楚，不过可以知道的是页面请求的是123456.js，实际需要访问的是123456.js.gz，那实际123456.js不存在，那可不就依照nginx的配置被重定向到index.html。
按着这个发现，我重新用gzip打包，但是保留了源文件（123456.js和123456.js.gz同时存在）从而进行尝试，这次问题解决，完美运行，页面请求123456.js，文件存在，没有被重定向，访问资源nginx从123456.js.gz获取，依然节约了资源。但是123456.js 这个不能删除，目前这是我碰到最好的解决办法，影响并不大，多用了服务器一丢丢资源而已。如果有其他更好的解决办法，可以评论交流交流。

vue3 + gzip +nginx 部署静态文件被识别成text/html的问题相关推荐

Django+Nginx部署静态文件
通过Nginx部署Django项目时,需要通过Nginx来部署静态文件.具体操作如下: 设置static根目录在项目的setting.py中"STATIC_URL = '/static/' ...
nginx 部署静态网页
nginx 部署静态网页 2018年06月15日 17:55:23 幽默的荆轲君阅读数:477 nginx 部署静态网页第一步,就是安装nginx. 第二步配置nginx.conf 熟悉vim的 ...
django 1.8 官方文档翻译： 6-6-4 部署静态文件
部署静态文件另见 django.contrib.staticfiles 的用法简介,请参见管理静态文件(CSS.images). 在线上环境部署静态文件放置静态文件到线上环境的基本步骤很简单:当静 ...
记录使用nginx部署静态资源流程，以及遇到的访问静态资源404问题
nginx部署静态资源将网站静态资源(HTML,JavaScript,CSS,img等文件)与后台应用分开部署实现动静分离,提高用户访问静态代码的速度,降低对后台应用访问,减轻后台服务器的压力. 将 ...
win10 nginx部署静态资源服务器和HTML
win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...
nginx访问静态文件
1. 访问一个文件 server {listen 80;server_name file.one.cn;access_log /Users/xiaoming/Documents/nginxlog/fi ...
vue3中将base64的pdf文件流转换成pdf并预览（三）——base64数据转pdf pdf工具栏不显示 vue3-seamless-scroll组件的使用-事件捕获给接口追加数据
vue3中将base64的pdf文件流转换成pdf并预览(三)--接口base64数据转pdf的处理 & pdf工具栏不显示 & vue3-seamless-scroll组件的使用-事 ...
Linux环境下Nginx部署静态资源文件。
操作环境: 阿里云服务器: Centos7.4 已安装过nginx 准备好静态资源文件. 部署静态资源文件我把自己的静态资源文件放在了/usr/local/nginx/html下. dv文件夹中为静 ...
linux pcre静态编译,Linux下，Nginx部署静态网站
1.准备工作选首先安装这几个软件:GCC,PCRE(Perl Compatible Regular Expression),zlib,OpenSSL. Nginx是C写的,需要用GCC编译:Ngin ...

vue3 + gzip +nginx 部署静态文件被识别成text/html的问题

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec.