文章/答案/技术大牛

发布

社区首页 >问答首页 >外部css在本地主机上工作正常，但在远程服务器上不能正常工作

问外部css在本地主机上工作正常，但在远程服务器上不能正常工作
EN

Stack Overflow用户

提问于 2019-12-02 03:38:01

回答 1查看 107关注 0票数 0

我在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文件正在从服务器中拉出，但并未应用。如果我对css文件进行了更改，比如通过f12/developer工具添加一个空格，则会应用样式表。

ps:当我在本地用vscode查看liveserver的网页时，它工作得很好。没有问题。

docker

google-chrome

nginx

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-12-02 03:51:24

解决了。问题出在为css指定mime类型的Nginx conf

location / {
        try_files $uri $uri/ /index.php?q=$uri&$args;
        include /etc/nginx/mime.types;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59129249

复制

相似问题

问外部css在本地主机上工作正常，但在远程服务器上不能正常工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问外部css在本地主机上工作正常，但在远程服务器上不能正常工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问外部css在本地主机上工作正常，但在远程服务器上不能正常工作
EN