Почему изображения в nginx передаются в типе text/html?

Question

[ParseMeBaby]

Фуллстек приложение, на локальной машине все работало отлично. После посадки на nginx и получения ssl все работает за исключением одного, изображения из статики достаются в неправильном типе,а именно text/html:

Вот конфиги:
/etc/nginx/nginx.conf

user www-data;
worker_processes auto;
pid /run/nginx.pid;
include /etc/nginx/modules-enabled/*.conf;

events {
        worker_connections 768;
}

http {
        sendfile on;
        tcp_nopush on;
        tcp_nodelay on;
        keepalive_timeout 65;
        types_hash_max_size 2048;
        include /etc/nginx/mime.types;
        default_type application/octet-stream;
        ssl_protocols TLSv1 TLSv1.1 TLSv1.2 TLSv1.3; # Dropping SSLv3, ref: POODLE
        ssl_prefer_server_ciphers on;
        access_log /var/log/nginx/access.log;
        error_log /var/log/nginx/error.log;
        gzip on;
        proxy_pass_header Content-Type;
        include /etc/nginx/conf.d/*.conf;
        include /etc/nginx/sites-enabled/*;
}

/etc/nginx/sites-enabled/default

upstream client-upstream {
    server    0.0.0.0:3000;
    keepalive 15;
}

upstream back-upstream {
    server    0.0.0.0:5000;
    keepalive 15;
}

server {
    server_name DOMAINNAME.ru www.DOMAINNAME.ru;
    server_tokens off;
    client_max_body_size 1000M;
    root /var/www/prod/public;
    index index.php index.html index.htm;

    location / {
         proxy_pass http://client-upstream;
         proxy_http_version 1.1;
         proxy_set_header Upgrade $http_upgrade;
         proxy_set_header Connection $http_upgrade;
         proxy_set_header Host $host;

    }

    location /api {
         proxy_pass http://back-upstream;
         proxy_http_version 1.1;
         proxy_set_header Upgrade $http_upgrade;
    }

    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/DOMAINNAME.ru/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/DOMAINNAME.ru/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}


server {
    if ($host = DOMAINNAME.ru) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


  listen 80;
    server_name DOMAINNAME.ru www.DOMAINNAME.ru;
    return 404; # managed by Certbot
}

P.S. Приложение: ReactJS клиент, NodeJS api, 2 процесса на pm2, иерархия:

client
        src 
             components 
                      some_component.js (достаются в виде https://DOMAIN.RU/file_name.jpg)
server
         static (изображения хранятся здесь)

Comments

[Sand]

Так оставили бы отдачу картинок энжинксу, или не вариант?

[ParseMeBaby]

Разве сейчас он их не отдает?

[Lynn «Кофеман»]

ParseMeBaby, нет, сейчас он все запросы передаёт в client-upstream или back-upstream.

[rPman]

если файлы отдает не nginx то автоматически тип он не определит

можно задать тип по расширению в url, прописав types в location, либо на весь location одни тип default_type

[ParseMeBaby]

Sand, как настроить отдачу картинок nginx

[ParseMeBaby]

rPman, дело в том, что помимо jpg у меня есть еще и mp4

[Дмитрий]

Обычно там локейшон с перечислениями расширении через или

[Lynn «Кофеман»]

По каким адресам вы запрашиваете статику?
Лежит ли она на том же сервере где запущен nginx?

[ParseMeBaby]

Lynn «Кофеман»,
сервер на /etc/nginx
статика лежит в /root/project/server/static
я попробовал прописать location

location ~* \.(jpeg|jpg|mp4)$ {
         root /root/project/server/static;
    }

на клиенте получаю 403 forbidden

[Lynn «Кофеман»]

По каким адресам вы запрашиваете статику?

[ParseMeBaby]

Lynn «Кофеман», на клиенте запрашиваю https://DOMAIN.RU/file_name.jpg

[Lynn «Кофеман»]

Это плохая идея.
Лучше бы https://domain.ru/static/file_name.jpg

Тогда всё настраивается тривиально.

Ну и класть сайт в папку /root тоже плохая идея. Для сайтов специально /var/www придумали.

[Lynn «Кофеман»]

А 403 сейчас потому что у пользователя www-data (от которого работает nginx) нет доступа к папке /root.

[rPman]

ParseMeBaby, определи какой то кртерий типа файлов в url, букву какую-нибудь добавь что ли, а в location разруливай регулярками

[ParseMeBaby]

Lynn «Кофеман», запросы оставил точно такими же, приложение перенес в var/www/html, далее в конфиге /etc/nginx/sites-enabled/default прописал

location ~* \.(jpeg|jpg|mp4)$ {
         root /var/www/html/project/server/static;
    }

Все заработало ! Спасибо за ответы!

[younghacker]

ParseMeBaby, Пометьте кого-то что отвечено, чтобы вопрос исчез из списка неотвеченных :)

Answer 1

[Владимир Пилипчук]

Вопроса два - кто занимается указанием MIME и какие типы указаны в конфигурации?
"В лоб" решение - в нужном location указать add_header Content-Type image/jpg; Но это не очень правильно.

Вот тут найдете ответ