建站记录2-CSS文件未加载-已解决-Resource interpreted as Stylesheet but transferred with MIME type text/plain

本文详细记录了解决服务器上网页CSS样式无法加载的问题过程。从路径检查、CSS内容验证、W3C规范审查,到服务器配置调整,最终定位并修复了Nginx服务器的MIME类型设置错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在本地加载正常,上传到服务器之后,网页没有样式。
解决问题的过程:

  1. 是否路径问题?
    —>分析:应该不是路径问题。页面中引用了图片,路径格式与CSS文件相同,图片可以正确加载。
    —>操作–需要进一步确认不是路径问题:去掉文件夹,去掉引用,CSS文件与index.html放置在同一个文件夹内:仍然无法显示样式。

结论:不是路径引用问题。

2.是否CSS内容编写错误,导致浏览器无法识别?
—>将CSS内容复制到html-head-script中,加载运行:顺利显示。

结论:不是CSS内容编写错误。

3.W3C检查网页。
—>没有错误,没有警告。

4.知乎搜索——>用chrome的F12检查页面
在这里插入图片描述
5.搜索操作---->修改注册表。
—>仍然报错??

在这里插入图片描述
7.类似问题 :那么是否是服务器端设置错误?
参考网站:CSS是text/plain.不是text/css

参考网站:MIME类型导致CSS在firefox下无效

确认服务器端与本地的.css文件都为text/css,仍未解决。

8.最终解决/错误方案
解决手段:删去了html头部的声明
参考网站:网页文档类型不一致

9.进一步思考
删去声明其实是不对的,那么问题到底是什么呢?

参考网站:DOCTYPE引起CSS不能正确显示的一些思考

10.重装了服务器系统,在别人的服务器上传同样的文件,发现正确。

问题锁定在服务器设置中。

找研究后端的马同学检查配置,发现是少了一行include命令。

在正确配置mime.types文件 .css文件为text/css类型之后,需要把此文件include到ngnix.conf中。
include mime.types;
default_type application/octet-stream;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值