Tutoriales

Cómo crear y configurar páginas de error 404 en NGINX

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.

Página de error NGINX 404

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 404
THe 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.

Abra el archivo de configuración de NGINX
Abra el archivo de configuración de NGINX

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.

Archivo de configuración NGINX modificado
Archivo de configuración NGINX modificado

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.

Página de respuesta 404 personalizada
Página de respuesta 404 personalizada

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

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.

página de error personalizada
página de error personalizada

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.

LEER  Cómo instalar uGet Download Manager en Ubuntu 22.04

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba