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

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

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

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

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

当前回答

答案可以在上面给出。我也遇到过同样的问题，但无法解决。确保添加外部js文件为

<script src="main.js"></script>

其他回答

如果nodejs和使用express 下面的代码工作…

res.set('Content-Type', 'text/css');

我想从理解问题开始

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

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

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

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

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

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

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

使用角

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

注意:

我和laravel一起做后台

这是因为您必须将内容类型设置为文本/html而不是文本/css为您的服务器页面(php,node.js等)

我最近在chrome浏览器上也遇到了这个问题。我只是给我的CSS文件解决问题的绝对路径。

<link rel="stylesheet" href="<?=SS_URL?>arica/style.css" type="text/css" />

推荐文章