Пользовательские страницы ошибок Nginx: улучшаем пользовательский опыт

Создавайте и настраивайте собственные HTML-страницы для ошибок Nginx (например, 404 или 500), чтобы предоставлять полезную информацию и сделать взаимодействие с сайтом более профессиональным.

Введение

Стандартные страницы ошибок Nginx выглядят скучно и не дают пользователю никакой полезной информации. Настройка собственных страниц ошибок — это простой способ улучшить UX и удержать посетителей на сайте даже в случае возникновения проблем.

Настройка пользовательских страниц

Для начала создайте HTML-файл, например 404.html, и разместите его в директории вашего сайта (например, /var/www/html/errors/).

Затем откройте конфигурационный файл Nginx и добавьте директиву error_page в блок server или location:

server {
    error_page 404 /errors/404.html;
    
    location /errors/ {
        root /var/www/html;
        internal;
    }
}

Основные моменты:

  • error_page: указывает Nginx, какой файл отдавать при возникновении конкретной ошибки.
  • internal: гарантирует, что страницу ошибки нельзя открыть напрямую через URL, она доступна только при возникновении ошибки.

Заключение

Настройка кастомных страниц ошибок — это важный шаг для любого профессионального веб-проекта. Это не только выглядит эстетично, но и помогает пользователю понять, что пошло не так, и как вернуться к работе с сайтом.