LINUX.ORG.RU
решено Форум — Web-development  

nginx, не работаю стили css

 , , , ,


1

1

Не работают стили css в nginx

Использую обычный шаблон с bootstrap, mime.types ипортирую

nginx.conf:

}

http {
        include /etc/nginx/mime.types;

        server {
                listen 80;
                server_name 192.168.0.228;
                root /var/www/sign-in;
        }
}

curl -I http://192.168.0.228/signin.css

HTTP/1.1 200 OK
Server: nginx/1.10.3 (Ubuntu)
Date: Wed, 21 Oct 2020 16:17:27 GMT
Content-Type: text/css
Content-Length: 767
Last-Modified: Wed, 21 Oct 2020 16:11:58 GMT
Connection: keep-alive
ETag: "5f905dce-2ff"
Accept-Ranges: bytes


Последнее исправление: ookawaiikoto (всего исправлений: 1)

А как именно они не работают?

Судя по

Content-Type: text/css
Content-Length: 767

сервер что-то отдаёт, и оно не нулевого размера. Можете

curl -v http://192.168.0.228/signin.css

показать?

lucentcode ★★★★★
()

Не работают стили css в nginx

А зачем ему в нём стили?

Если речь о файле стилей, который он отдаёт, то судя по, он всё отдаёт и стили не работают там, куда он их успешно отдал.

deep-purple ★★★★★
()
Ответ на: комментарий от lucentcode

curl -v http://192.168.0.228/signin.css:

*   Trying 192.168.0.228:80...
* TCP_NODELAY set
* Connected to 192.168.0.228 (192.168.0.228) port 80 (#0)
> GET /signin.css HTTP/1.1
> Host: 192.168.0.228
> User-Agent: curl/7.68.0
> Accept: */*
> 
* Mark bundle as not supporting multiuse
< HTTP/1.1 200 OK
< Server: nginx/1.10.3 (Ubuntu)
< Date: Thu, 22 Oct 2020 10:41:54 GMT
< Content-Type: text/css
< Content-Length: 767
< Connection: keep-alive
< Last-Modified: Wed, 21 Oct 2020 16:11:58 GMT
< ETag: "5f905dce-2ff"
< Accept-Ranges: bytes
< 
html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
* Connection #0 to host 192.168.0.228 left intact
ookawaiikoto
() автор топика
Ответ на: комментарий от ookawaiikoto

Я почти каждый день с nginx имеют дело, и нередко с куда более запутанными конфигами, чем ваш(простой, насколько это возможно). Потому и любопытно было, отчего он не работает, когда css сам по себе сервером отдаётся…

lucentcode ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
Web-development