我在 docker/nginx 上部署了一个带有简单样式表的简单网页 index.html 。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/mystyle.css">
<title>FlexBox</title>
</head>
<body>
<nav class="container">
<div>Home</div>
<div>Search</div>
<div>Logout</div>
</nav>
</body>
</html>
mystyle.css
body {
background-color: red;
}
当我从服务器加载 index.html 时，我可以看到 (f12) 正在从服务器拉取 css 文件，但未应用。如果我通过 f12/developer 工具对 css 文件进行更改(例如添加空格)，则会应用样式表。
ps:当我在本地 vscode 中从 liveserver 查看网页时，它工作正常。没问题。
最佳答案
已解决。问题在于 Nginx conf 为 css 指定 mime 类型
location / {
try_files $uri $uri/ /index.php?q=$uri&$args;
include /etc/nginx/mime.types;
}
关于html - 外部 css 在本地主机上工作正常但在远程服务器上不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59129249/