原文地址 https://blog.csdn.net/lamanchas/article/details/77647521
报错
-Resource interpreted as Stylesheet but transferred with MIME type text/plain
![](https://i-blog.csdnimg.cn/blog_migrate/b74e9bcf41e6c664356796b019d4015b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/db26686d160e0ba15811f7b5e2927198.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f574a5980a801adac5ec52c8aa7478b5.png)
![](https://i-blog.csdnimg.cn/blog_migrate/bedebf04c978357dd938d77c0266cde7.png)
在本地加载正常,上传到服务器之后,网页没有样式。
10.最终正确方案
重装了服务器系统,在别人的服务器上传同样的文件,发现正确。
问题锁定在服务器设置中。
找研究后端的马同学检查配置,发现是少了一行include命令。
在正确配置mime.types文件 .css文件为text/css类型之后,需要把此文件include到ngnix.conf中。
至此,圆满解决。
特别鸣谢马同门!!!!
这是他的个人网站-----一个图片分享网站
解决问题的过程:
1. 是否路径问题?
--->分析:应该不是路径问题。页面中引用了图片,路径格式与CSS文件相同,图片可以正确加载。
--->操作--需要进一步确认不是路径问题:去掉文件夹,去掉引用,CSS文件与index.html放置在同一个文件夹内:仍然无法显示样式。
结论:不是路径引用问题。
2.是否CSS内容编写错误,导致浏览器无法识别?
--->将CSS内容复制到html-head-script中,加载运行:顺利显示。
结论:不是CSS内容编写错误。
3.W3C检查网页。
--->没有错误,没有警告。
4.知乎搜索——>用chrome的F12检查页面
5.搜索操作---->修改注册表。
--->仍然报错??
6.FireFox F12检查
FireFOX提示
7.类似问题 :那么是否是服务器端设置错误?
参考网站:CSS是text/plain.不是text/css
确认服务器端与本地的.css文件都为text/css,仍未解决。
8.最终解决/错误方案
解决手段:删去了html头部的声明<!DOCTYPE html>
参考网站:网页文档类型不一致
9.进一步思考
删去声明其实是不对的,那么问题到底是什么呢?
10.最终正确方案
重装了服务器系统,在别人的服务器上传同样的文件,发现正确。
问题锁定在服务器设置中。
找研究后端的马同学检查配置,发现是少了一行include命令。
在正确配置mime.types文件 .css文件为text/css类型之后,需要把此文件include到ngnix.conf中。
至此,圆满解决。
特别鸣谢马同门!!!!
这是他的个人网站-----一个图片分享网站。
HTML文件