问题

将网站部署到nginx之后，网页可以打开，但样式全都没有加载，浏览器里按下F12键，console有报错：

Resource interpreted as Stylesheet but transferred with MIME type text/plain

文件已经被找到，但是解析的格式不正确。

原因

需要引入mime.types这个文件，如果不指定mime type，则默认会以text/plain的形式处理，也就是说，浏览器会以纯文本的形式来处理css和js文件，所以无法正常加载样式。

解决办法

在Nginx的配置文件中指定默认的MIME type，从上面的引用中，我们得知一般指定为application/octet-stream即可,修改配置文件nginx.conf, 在http{ }中添加下面两行：

     include mime.types;default_type application/octet-stream;

然后重启nginx

如果浏览器刷新后还没显示样式，可以再尝试清空浏览器缓存

nginx CSS JS加载失败相关推荐

微信分享功能问题-描述内容换行，导致js加载失败
jsContent内容存在换行符,导致js处理失败, 解决办法,在后台接口中替换'/r/n'为空,并截取前30位 weiXinJsSdk.setSharcontent(StringUtils.isNo ...
php项目css加载失败,CSS页面加载失败的原因有哪些
CSS加载失败的常见原因有:路径错误.浏览器不兼容.网络原因.编码格式不同等错误才刚刚入门CSS,经常会碰到CSS加载失败的问题,网页上什么样式都没有,今天将要和大家分享的是常见的CSS加载失败的原 ...
iframe js 加载失败_如何提高Vue项目首页的加载速度
为何当一个VUE项目过大时,打包之后初次访问首页加载速度会异常的缓慢,是什么原因导致以及如何解决这些问题? 首页打开速度慢的原因其实浏览器加载一个页面的过程就是通过http协议从服务器端下载项目所需 ...
Nginx服务器js加载不全，报206 (Partial Content)错误
问题场景 tornado服务器,配置SLB+Nginx通过80端口访问tornado服务器的时候发现前端很多比较大的js加载不完,出现报206 (Partial Content)错误(部分内容)服务器 ...
iframe js 加载失败_JS加载iFrame出现空白问题的解决办法
在使用IE6浏览器开发过程中出现各种奇葩问题,非常棘手,费劲脑汁终于问题解决.特此把我的问题描述及解决办法分享到脚本之家平台,帮助那些遇到此问题的朋友. 1.js加载iframe出现空白 iframe ...
VuePress打包后没有样式或者没有图片或者js加载失败
原因是没有部署到服务器上!!! 这可能是我们打包后的东西直接点击index.html 变成这样了!!什么样式都没有了,怎么办那? 很简单,找个服务器部署以下就什么都有了!!正好我们的springbo ...
解决js脚本加载失败的问题
当我们在运行某一个项目时,它的某些JavaScript脚本可能加载不出来,报错. 像现在单页界面应用基本上都是通过js来构建,一旦加载不出,这个项目就不能运行了,那怎么办?我们如何解决这个问题? 这里 ...
html页面加载有时没有网样式,页面css加载失败的原因有哪些？
才刚刚入门CSS,经常会碰到CSS加载失败的问题,网页上什么样式都没有,今天将要和大家分享的是常见的CSS加载失败的原因,具有一定参考作用,希望对大家有所帮助. 常见CSS页面加载失败原因 (1)路径 ...
关于Springboot项目页面中css,js文件加载失败的问题
记录一个刚开始接触Springboot时踩到的小坑.问题如下: 正在写一个登录功能,页面套用了bootstrap的模板,用浏览器打开页面有样式,但是整个项目跑起来的时候跳转的页面就会丢失样式,浏览器控 ...

nginx CSS JS加载失败

问题

原因

解决办法

nginx CSS JS加载失败相关推荐

最新文章

热门文章