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

当CSS文件的MIME类型被错误设置为text/plain时,浏览器将不会正确渲染样式。解决方法是在服务器配置(如nginx)中确保CSS文件的content-type设置为text/css。这将允许浏览器正确解析并应用CSS,从而修复页面显示异常。
摘要由CSDN通过智能技术生成

一,现象

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

二,原因

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

三,解决方法

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

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值