внешний css отлично работает на локальном хосте, но не на удаленном сервере - PullRequest
0 голосов
/ 01 декабря 2019

Я развернул простую веб-страницу index.html с простой таблицей стилей в docker / nginx.

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: когда я локально просматриваю веб-страницу с liveserver в vscode, она работает нормально. нет проблем.

1 Ответ

0 голосов
/ 01 декабря 2019

решаемая. Проблема была в том, что Nginx conf указывал тип mime для css

location / {
        try_files $uri $uri/ /index.php?q=$uri&$args;
        include /etc/nginx/mime.types;
} 
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...