前端项目,css样式获取到了,没能渲染页面

一,现象

页面显示是类似这样的,只有html ,并且页面能运行js代码。明显是缺少了css文件:
在这里插入图片描述
打开network,发现对应的css已经获取到了,也没有报错,但就是不渲染。

二,原因

查看console和请求头,会发现有这样的现象:
在这里插入图片描述
在这里插入图片描述
这是因为:
当请求的css 文件的MIME 类型 为 text/plain 时,文件会当做 .txt 文件来处理,浏览器就会拒绝渲染
正确的content-type应该是text/css

三,解决方法

在nginx中加这两行代码即可:
在这里插入图片描述


版权声明:本文为weixin_42349568原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。