Question

这是我的HTML：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv = "Content-Language" content = "en"/>
        <meta http-equiv = "Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="/xxx/app/www/style.css">

现在当我加载页面时，Safari的检查员会给我：

资源被解释为样式表，但使用MIME类型text / html
进行传输

我正在使用MAMP在localhost上工作。我不知道要修改什么才能让它工作。我读到这可能是某种服务器问题。

我该如何解决？

Answer 1

使用此行在

中创建一个.htaccess文件到根文件夹中（或更新现有文件）

AddType text/css .css

这将告诉apache为content-type文件

发送正确的.css标头

Answer 2

有可能不仅错误地解释了css资源。这可能是您的网络服务器配置问题。

检查的最佳方法是转到Chrome - ＆gt;每个请求的网络选项卡和检查响应部分。您也可以使用终端运行$ curl -I http://path_to_file_or_page并查看回复，您应该按以下格式查看，例如： Content-Type: image/jpeg

因此，如果Web服务器（apache）为所有文件执行此操作，您可以尝试以下列方式解决问题：

检查/etc/apache2/apache2.conf 如果有任何SetHandler application/x-httpd-php行，请尝试对其进行评论，然后按$ sudo system apache2 reload

重新加载您的apache

如果问题仍然存在，请告诉我们。

Answer 3

可能是您的 Web 服务器配置正确，但它确实返回 HTML 而不是 CSS。

检查您的路径、拼写、大小写等是否正确。直接点击 URL，看看返回的内容。您的网络服务器可能会以错误页面 (HTML) 和 200-Ok 而不是 404-Not Found 进行响应。

我不是说这曾发生在我身上...

资源解释为样式表，但使用MIME类型text / html进行传输

3 个答案: