资源解释为样式表，但以MIME类型text/html传输(似乎与web服务器无关)

我有这个问题。Chrome继续返回此错误

资源解释为样式表，但以MIME类型text/html传输

受此错误影响的文件只有Style、chosen和jquery-gentleselect(以相同方式导入索引的其他CSS文件工作良好且没有错误)。我已经检查了我的MIME类型和文本/css已经在css上。

老实说，我想从理解问题开始(这似乎是我一个人做不到的事情)。

当前回答

我想从理解问题开始

浏览器向服务器发出HTTP请求。然后服务器做出一个HTTP响应。

请求和响应都由一堆头部和一个(有时是可选的)包含一些内容的主体组成。

如果有一个主体，那么其中一个头是Content-Type，它描述了主体是什么(它是HTML文档吗?一个图像?表单提交的内容?等等)。

当您请求样式表时，服务器会告诉浏览器这是一个HTML文档(Content-Type: text/ HTML)，而不是一个样式表(Content-Type: text/css)。

我已经查过了。Type and text/css已经在css上了。

那么，您的服务器的其他部分使样式表具有错误的内容类型。

使用浏览器开发人员工具的Net选项卡检查请求和响应。

其他回答

使用ReactJs，当我添加样式文件到index.html使用相对链接，如

然后我导航到一条路线，说;localhost:3000/artist和刷新，我得到错误。

错误消失后，我取代相对链接与绝对链接说;

我在为一个用npm安装的React布局模块加载CSS时遇到了这个问题。你必须导入两个.css文件来让这个模块运行，所以我最初导入它们是这样的:

@import "../../../../node_modules/react-grid-layout/css/styles.css";

但发现文件扩展名必须被删除，所以这是有效的:

@import "../../../../node_modules/react-grid-layout/css/styles";

使用角

在我的情况下，使用ng-href而不是href解决了这个问题。

注意:

我和laravel一起做后台

使用角?

这是一个需要记住的非常重要的警告。

基本标签不仅要在头部，而且要在正确的位置。

我有我的基础标签在错误的地方在头部，它应该来之前任何标签与url请求。基本上把它作为标题下面的第二个标签为我解决了这个问题。

<base href="/">

我在这里写了一篇小文章

我也有这个错误的问题，并想出了一个解决方案。这并没有解释错误发生的原因，但似乎在某些情况下修复了它。

在css文件的路径前加上一个正斜杠/，如下所示:

推荐文章