Как в Nginx для кастом error_page разрешить странице с ошибками обрабатывать css, js, показывать картинки?

Question

[voker2005]

Добрый день.

Имею Nginx 1.16.0 который проксирует на удаленный сервер запросы к сайту по 80 порту, выглядит это так:

server {
        listen          80;
        server_name     my.domain.org;
       
        error_page      502  /error_1.html;
        location = /error_1.html {
                root    /var/www/error_page/;
        }

        location / {
                proxy_pass http://my.domain.org:7990;
                gzip                    off;
                proxy_buffers           8 32k;
                proxy_buffer_size       64k;
                proxy_request_buffering off;
                proxy_read_timeout      300;
                proxy_redirect          off;

                proxy_set_header       Host                    $host;
                proxy_set_header       X-Real-IP               $remote_addr;
                proxy_set_header       X-Forwarded-For         $proxy_add_x_forwarded_for;
                proxy_set_header       X-Forwarded-Proto       $scheme;
        }
}

Вопрос! Когда сервер my.domain.org:7990 недоступен, например выключен, отобразится кастомная error_page с ошибкой (ошибка 502) которая находится тут /var/www/error_page/error_1.html

Но в ней не работают js скрипты, не подгружаются картинки из каталогов и не подгружает css файлы в хедере.

Как разрешить странице с ошибками обрабатывать css, js, показывать картинки?

Comments

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

Директива error_page

[voker2005]

Алексей Тен, разобрался, вопрос переоформил, перечитайте пожалуйста ))

[dodo512]

voker2005, ну так нужен отдельный location для тех адресов css, js, иначе все запросы уходят в proxy_pass

[voker2005]

dodo512, Спасиб, работает, записал вот так, как думаете, можно как-то покрасивее это оформить, чтобы два раза location не указывать, как то в один контекст это запечатать? А то их тут два получилось.

error_page      502  /404.html;
        location = /404.html {
                root    /var/www/error_page;
        }
        location ~* ".+\.(?:ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf|rss|css|swf|js|atom|jpe?g|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf)$"
        {
                root    /var/www/error_page;
        }

[dodo512]

voker2005, а как в html записаны пути к стилям и катинкам?
Эти адреса не должны пересекаться с адресами которые обычно отдаёт proxy_pass.
Например в error_1.html src="/error_page/css/style.css"
А в настройках добавить location который будет ловить все запросы к каталогу /error_page/.

[voker2005]

Работает, сделал вот так:

error_page     502  /502.html;
                location = /502.html {
                        root    /var/www/my.domain.org/www;
                }
                location /error_page {
                        root    /var/www/my.domain.org/www;
                }

Также я хочу сделать кастом страничку с 403 ошибкой, это была 502

Например если в браузере перейдем: my.domain.org/error_page
Отобразится 403 ошибка

я добавил еще один пункт:

error_page     403  /403.html;
                location = /403.html {
                        root    /var/www/my.domain.org/www;
                }

Тоесть все вместе это выглядит так:

error_page     502  /502.html;
                location = /502.html {
                        root    /var/www/my.domain.org/www;
                }
error_page     403  /403.html;
                location = /403.html {
                        root    /var/www/my.domain.org/www;
                }
                location /error_page {
                        root    /var/www/my.domain.org/www;
                }

Страница с 403 ошибкой не подгружает css, картинки и прочее.

Нужен свежий взгляд на этот код )

Answer 1

[dodo512]

server {
        listen          80;
        server_name     my.domain.org;

        error_page 502 /error_page/error_1.html;
        
        location /error_page/ {
            root /var/www;
        }

        location / {
                proxy_pass http://my.domain.org:7990;
                gzip                    off;
                proxy_buffers           8 32k;
                proxy_buffer_size       64k;
                proxy_request_buffering off;
                proxy_read_timeout      300;
                proxy_redirect          off;

                proxy_set_header       Host                    $host;
                proxy_set_header       X-Real-IP               $remote_addr;
                proxy_set_header       X-Forwarded-For         $proxy_add_x_forwarded_for;
                proxy_set_header       X-Forwarded-Proto       $scheme;
        }
}