@kavabangaungava
Всякое бывало.

Почему nginx не отображает стили и изображения?

На пустой Ubuntu 20.04, стоит nginx
nginx -V
nginx version: nginx/1.18.0 (Ubuntu)
built with OpenSSL 1.1.1f  31 Mar 2020
TLS SNI support enabled
configure arguments: --with-cc-opt='-g -O2 -fdebug-prefix-map=/build/nginx-5J5hor/nginx-1.18.0=. -fstack-protector-strong -Wformat -Werror=format-security -fPIC -Wdate-time -D_FORTIFY_SOURCE=2' --with-ld-opt='-Wl,-Bsymbolic-functions -Wl,-z,relro -Wl,-z,now -fPIC' --prefix=/usr/share/nginx --conf-path=/etc/nginx/nginx.conf --http-log-path=/var/log/nginx/access.log --error-log-path=/var/log/nginx/error.log --lock-path=/var/lock/nginx.lock --pid-path=/run/nginx.pid --modules-path=/usr/lib/nginx/modules --http-client-body-temp-path=/var/lib/nginx/body --http-fastcgi-temp-path=/var/lib/nginx/fastcgi --http-proxy-temp-path=/var/lib/nginx/proxy --http-scgi-temp-path=/var/lib/nginx/scgi --http-uwsgi-temp-path=/var/lib/nginx/uwsgi --with-debug --with-compat --with-pcre-jit --with-http_ssl_module --with-http_stub_status_module --with-http_realip_module --with-http_auth_request_module --with-http_v2_module --with-http_dav_module --with-http_slice_module --with-threads --with-http_addition_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_image_filter_module=dynamic --with-http_sub_module --with-http_xslt_module=dynamic --with-stream=dynamic --with-stream_ssl_module --with-mail=dynamic --with-mail_ssl_module

Конфиг :
user www-data;
worker_processes auto;
pid /run/nginx.pid;
include /etc/nginx/modules-enabled/*.conf;

events {
}

http {

       include /etc/nginx/mime.types;
       default_type application/octet-stream;

       server {

                listen 80;
                server_name localhost;
                root /sites/bootstrap;

       }

}

Директива mime.types имеется
Но все изображения и стили отображаются как text/plain. Пример запроса к стилям:
curl -I http://localhost/dist/css/bootstrap.css
HTTP/1.1 200 OK
Server: nginx/1.18.0 (Ubuntu)
Date: Fri, 07 May 2021 10:23:18 GMT
Content-Type: text/plain
Content-Length: 178152
Last-Modified: Thu, 18 Jan 2018 18:29:48 GMT
Connection: keep-alive
ETag: "5a60e79c-2b7e8"
Accept-Ranges: bytes

Соответственно сайт выглядит вот так
6095260f16b35098877150.png
Хотя в DevTools все стили и изображения присутствуют

В логах nginx ругается на отсутствие файлов, хотя они есть
{{ site.baseurl }}/assets/img/bootstrap-stack.png" failed (2: No such file or directory
  • Вопрос задан
  • 764 просмотра
Пригласить эксперта
Ответы на вопрос 1
ky0
@ky0 Куратор тега Nginx
Миллиардер, филантроп, патологический лгун
MIME тут ни при чём (хотя CSS по идее должен отдаваться как text/css, да), у вас просто ресурсы не подгружаются. Судя по ошибке - просто не срабатывает шаблонизатор. Нгинкс про ваши {{ site.baseurl }} ничего, естественно, не знает.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы