Почему не работают вложенные location?

Question

[Asd123123123213213]

Добрый вечер! Мне нужно чтобы последние два location применялись только к /test, поэтому решил их сделать вложенными, но по какой-то причине они перестают работать после этого. В чем может быть причина?

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/html;
    index index.html index.htm index.nginx-debian.html;
    server_name 134.152.12.34;

    location / {
        try_files $uri $uri/ =404;
    }

    location /test {
        proxy_pass http://127.0.0.1:3000/;

        location ~* \.(css|js|png|jpg|jpeg|gif|ico|webp)$ {
            proxy_pass http://127.0.0.1:3000;
        }

        location ~* \.(woff2|ttf|otf|eot|svg)$ {
            proxy_pass http://127.0.0.1:3000;
        }
    }
}

Answer 1

[AUser0]

А зачем nginx-у смотреть и использовать вложенные location, если у него уже есть "конечная" директива в виде proxy_pass? Вот если бы она тоже была спрятана внутри ещё одного уже универсального location...

Comments

[AUser0]

Для понимания будущих читателей приведу аналогию:

Если ( 2 + 2 == 4 ):
Сказать ответ "4" (после чего выходим из Если);

Если ( 3 + 3 == "6" )
Сказать ответ "6" (а сюда не попадаем);
Если_Кончилось

Если ( 4 + 4 == 8 )
Сказать ответ "8" (и сюда тоже);
Если_Кончилось
Если_Кончилось

Answer 2

[ky0]

Вы уверены, что понимаете, зачем вам завершающий слэш в верхнем proxy_pass? Потому что если его убрать - и вложенные локейшены не понадобятся.

Comments

[Asd123123123213213]

ky0

По 134.152.12.34 - лендинг
По 134.152.12.34/test - next js приложение

Если убрать завершающий слэш в верхнем proxy_pass, то тогда будет отдаваться 404 страница вместо главной next js приложения.

Nextjs будет отдавать 404 страница по причине отсутствия роута (/test) в приложение.

[Asd123123123213213]

Вообще все это нужно из-за особенностей NextJS. После билда приложения нету html файла, проект как правило раздают через pm2. Последние два location нужны чтобы при проксирование получить статику для приложения.

Если два последних location положить на самый высокий уровень, то они переопределят статику для лендинга из (www var/www/html).

[dodo512]

Asd123123123213213, как в html коде страницы выглядит путь к картинке и где эта картинка находится на самом деле?

[Asd123123123213213]

Приложение крутиться на 3000 порту через pm2.

У меня есть два кейса где:
- по ip раздать статику из var/www/html. Это происходит тут:

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/html;
    index index.html index.htm index.nginx-debian.html;
    server_name 134.152.12.34;

    location / {
        try_files $uri $uri/ =404;
    }
}

второй - раздать на этом же ip nextjs по пути /test:

location /test {
        proxy_pass http://127.0.0.1:3000/;
}

 location ~* \.(css|js|png|jpg|jpeg|gif|ico|webp)$ {
    proxy_pass http://127.0.0.1:3000;
}

location ~* \.(woff2|ttf|otf|eot|svg)$ {
    proxy_pass http://127.0.0.1:3000;
}

Если последние два location убрать, то работает только лендинг. Если добавить в конец, то работает только nextjs приложение

[dodo512]

Asd123123123213213, ещё раз, открываете 134.152.12.34/test получаете html страницу.
Так вот на этой странице как именно прописаны пути всяким js css jpg которые у вас не работают?
src="/test/dir/file.css"
src="test/dir/file.css"
Или там путь не начинается с /test
src="/dir/file.css"

[Asd123123123213213]

dodo512

пример: 134.152.12.34/_next/static/chunks/498-dde554788b55...

[Asd123123123213213]

DODO_D

В таком варианте работает next js приложение:

server {
        listen 80 default_server;
        listen [::]:80 default_server;

        root /var/www/html;

        index index.html index.htm index.nginx-debian.html;

        server_name 134.152.12.34;

        location / {
                try_files $uri $uri/ =404;
        }

        location /test{
                proxy_pass http://127.0.0.1:3000/;
        }

        location ~* \.(css|js|png|jpg|jpeg|gif|ico|webp)$ {
            proxy_pass http://127.0.0.1:3000;
        }

        location ~* \.(woff2|ttf|otf|eot|svg)$ {
            proxy_pass http://127.0.0.1:3000;
        }
}

Но тогда перестает работать лендинг, потому что тут (127.0.0.1:3000) нету его стилей

[dodo512]

/_next/static/chunks/498-dde554788b552071.js
Asd123123123213213, если браузер запрашивает /_next/, то location /test совпасть не может.
Тогда попробуйте так

location ~ ^/_next/.+\.(css|js|png|jpg|jpeg|gif|ico|webp)$ {
    proxy_pass http://127.0.0.1:3000;
}

[Asd123123123213213]

dodo512, тут проблема вообще в другом))) Прошлый пример привел в нем next js работает. Проблема в том что два последних location переопределяют путь до изображений, шрифтов, css файлов и скриптов, из-за этого лендинг перестает работать. Мне нужно каким-то образом сделать так чтобы последние два location срабатывали только если мы находимся на /test. Как решения сделал вложенные location, но они и не работает. В этом проблема :)