☰

我可以访问 css 文件，但网站仍然没有应用类

tag-icon • tag-icon html css
我可以访问 css 文件，但网站仍然没有应用类

文件夹树：

example.com/css/style.css
example.com/index.html

HTML 头部：

<!DOCTYPE html>
<html lang="de-DE">
<head>  
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./css/style.css">

如果我单击“查看页面源代码”，我可以单击 css 链接并看到我的文件。

我甚至可以在地址栏中输入网址“example.com/css/style.css”然后就可以看到我的文件了。

我打开 Firefox Developer Inspect，它给出了加载 css 文件的成功 200 代码。

我删除了浏览器缓存，没有变化。

我下载了 html 文件并将其与 css 文件放在一个文件夹中。使用 Visual Studio Code Live Server 打开它，它看起来正确，css 正在加载。相同的代码。

为什么网上不行？

编辑：

我刚刚在 Firefox Inspector 中看到，html 头是灰色的。在线和离线都适用，但离线似乎没有问题。

答案1

LPChip 建议我使用 Firefox 的调试器/检查器，但头部却变灰了。进一步调查后，我发现它显示"css was not loaded because its mime type "text/html" is not "text/css"

这让我检查了一些事情......

我得到了解决方案：

我激活了 apache mod_rewrite。虽然路径正确，但似乎这个 mod_rewrite 或用于重定向的专用 php 以某种方式告诉浏览器该文件是 html 而不是 css。

答案2

我遇到了类似的问题。从头开始设置 NGINX，但项目的所有样式均未应用。但它们存在，而且我没有遇到任何其他错误。

我发现我必须将正确的 mime 类型应用于 NGINX 提供的所有文件。修复之前确实如此，text/plain但这种方法不起作用。

我通过在 NGINX 配置中添加这些行来修复它：

http {
  # other config before ...
  include /etc/nginx/mime.types;
  default_type application/octet-stream;
  # rest of config ...
}

相关内容