
Cuando aloja su sitio web en un servidor web NGINX, manejará las solicitudes de los clientes, pero devolverá un error cuando la solicitud no se complete.
Este error se pasará con el código de error (404, 403, 500, 503), Como sigue.
Tener un sitio dinámico con páginas tan feas reducirá la impresión de UI/UX de su sitio. Sin embargo, NGINX le brinda la opción de configurar páginas de error personalizadas para su sitio.
Para hacer esto, necesita crear una página HTML personalizada y directiva de página de error archivo de configuración de NGINX, que se utilizará como URI Proporciona una página de error personalizada para el error especificado en el archivo de configuración.
Hoy, aprenderá cómo configurar NGINX para manejar errores únicos o múltiples para páginas HTML personalizadas.
requisitos previos
- Servidor web Nginx instalado en su sistema
- Tienes privilegios de root o sudo
- Plantilla personalizada para páginas de error (se proporcionará el código fuente)
- Navegador utilizado para los resultados de las pruebas (Chrome, Firefox, etc.)
Cree su página de error 404 personalizada
Primero, aprenderemos a manejar códigos de respuesta 404 con páginas HTML personalizadas. Para hacer esto, crearemos una página personalizada que mostrará el código de estado 404 al usuario en lugar de la respuesta NGINX predeterminada.
Para fines de demostración, he creado una página de plantilla HTML de muestra que muestra el mensaje de error «Error 404, la página solicitada no está disponible, comuníquese con el administrador.» mientras observa.
Access denied Error 404THe requested page is not available, please contact to administrator.
Puede copiar y pegar el código HTML anterior en su editor de texto y luego guardar el archivo como «página de error.html«. Más tarde, puedes cambiarlo por algo diferente.
copia ahora»página de error.html” archivo a la raíz del documento NGINX /var/www/html
ruta, use el siguiente comando.
$ sudo cp error-page.html /var/www/html/
La siguiente sección creará un archivo de configuración (fragmento) y configurará nginx.conf documento.
Configure NGINX para usar sus páginas de error
Primero, lo haremos /etc/nginx/snippets
ruta con nombre error-page.conf
.
Para ello crea un snippets
Tabla de contenido.si no existe en /etc/nginx
ruta, el siguiente comando creará un nuevo directorio llamado snippets
.
$ sudo mkdir -p /etc/nginx/snippets
Luego ejecute el siguiente comando para crear error-page.conf
archivo de configuración dentro snippets
Tabla de contenido.
$ sudo nano /etc/nginx/snippets/error-page.conf
Después de abrir el archivo para editarlo, copie y pegue el siguiente código en el archivo de configuración y guárdelo.
error_page 404 /error-page.html; location = /error-page.html { root /var/www/html; internal; }
Del fragmento anterior, cada vez que NGINX encuentra una respuesta 404 del lado del usuario, devuelve error-page.html
como respuesta.
A continuación, tenemos que incluir error-page.conf
en el archivo de configuración de NGINX. Para hacer esto, ejecute el siguiente comando para abrir el archivo de configuración de NGINX.
$ sudo nano /etc/nginx/sites-enabled/default # For Ubuntu/Debian-based distro's
OR
$ sudo nano /etc/nginx/nginx.conf # For RHEL/Fedora-based distro's
A continuación se muestra la salida del comando anterior.

Copie la siguiente línea para incluir la ruta absoluta al archivo de fragmento y colóquelo en server
Contenedores en archivos de configuración de NGINX.
include snippets/error-page.conf;
A continuación se muestra la salida modificada.

Finalmente, puede reiniciar el servidor web NGINX y probar su página.
Reinicie NGINX y pruebe su página
Después de realizar todos los cambios de configuración necesarios, vuelva a cargar el servidor web NGINX con el siguiente comando.
$ sudo systemctl reload nginx
Finalmente, abra el navegador y visite cualquier página que no exista para ver la página de error, como se muestra a continuación.

Cree una página personalizada diferente para cada error de NGINX
NGINX le permite configurar fácilmente varias páginas para diferentes errores HTTP.En lugar de crear páginas separadas para errores personalizados y configurar cada página de error, le proporcionamos repositorio GitHub Páginas de error personalizadas prefabricadas con configuraciones que se pueden configurar en segundos.
Ejecute los siguientes comandos paso a paso.
$ sudo mkdir -p /srv/http/default
$ sudo git clone /srv/http/default
$ mkdir -p /etc/nginx/snippets/
$ sudo ln -s /srv/http/default/snippets/error_pages.conf /etc/nginx/snippets/error_pages.conf
$ sudo ln -s /srv/http/default/snippets/error_pages_content.conf /etc/nginx/snippets/error_pages_content.conf
LEA TAMBIÉN: Cómo cambiar la ubicación de la documentación web de Nginx en Linux
Ahora abra el archivo de configuración de NGINX con un editor de texto de su elección.
$ sudo nano /etc/nginx/sites-enabled/default # For Ubuntu/Debian-based distro's
OR
$ sudo nano /etc/nginx/nginx.conf # For RHEL/Fedora-based distro's
Agregue las siguientes líneas al archivo de configuración.
include snippets/error_pages.conf;
Finalmente, vuelva a cargar el servidor web NGINX para aplicar los cambios.
$ sudo systemctl reload nginx
Ahora puede simplemente visitar cualquier página desconocida para buscar páginas de error como se muestra a continuación.

Lea también: Cómo cambiar el puerto Nginx 80 en Linux
Espero que este artículo haya sido útil en su viaje de aprendizaje del servidor web NGINX. Si aún encuentra algún problema, abra la sección de comentarios para usted.

Mente técnica innovadora con 12 años de experiencia trabajando como programador informático, desarrollador web e investigador de seguridad. Capacidad para utilizar diversas tecnologías y soluciones de software, así como gestionar bases de datos.