gpt4 book ai didi

html - 外部 css 在本地主机上工作正常但在远程服务器上不工作

转载 作者:行者123 更新时间:2023-11-27 22:58:15 25 4
gpt4 key购买 nike

我在 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com