google-chrome - Chrome 关于静态资源的警告 (css/gif/png/js)

Question

当网页加载时，我在调试器中收到警告

Resource interpreted as stylesheet but transferred with MIME type text/plain.

当浏览器请求 js、css、gif 和 png 文件时，我收到上述警告。

知道如何解决此警告

Answer 1

好吧，错误消息说明了一切。

您的网络服务器发送 错误/丢失 内容类型 HTTP 标题 .

使用 HTTP Header Check并输入您的 js/css/gif/png 的 url 并检查服务器发送的 Content-Type header (我猜根本没有或文本/纯文本)。

然后修复您的服务器以发送正确的 MIME 类型或联系您的服务器管理员。

正确的 Content-Type 值应该是
text/css -> 对于 .css 文件
image/gif -> .gif 文件
image/jpeg -> .jpg/.jpeg 文件
application/javascript -> 对于 .js 文件
image/png -> 对于 .png 文件

认为自己很幸运；)。现在它只是 Chrome 中的一个警告，在早期版本的 Chrome 中，当设置/发送了错误/丢失的 Content-Type Header 时，例如根本没有应用 CSS。