So erstellen Sie eine benutzerdefinierte 404 -Fehlerseite in Nginx

So erstellen Sie eine benutzerdefinierte 404 -Fehlerseite in Nginx

Jedes Mal Nginx begegnet auf einen Fehler, da er versucht, die Anfrage eines Clients zu verarbeiten. Es gibt einen Fehler zurück. Jeder Fehler enthält eine Http Antwortcode und eine kurze Beschreibung. Der Fehler wird normalerweise über einen einfachen Standard an einen Benutzer angezeigt Html Buchseite.

Zum Glück können Sie konfigurieren Nginx Um benutzerdefinierte Fehlerseiten für Benutzer Ihrer Website oder Webanwendung anzuzeigen. Dies kann unter Verwendung des NGINX -Fehlers der NGINX erreicht werden Richtlinie die verwendet wird, um die zu definieren Uri Dies wird für einen bestimmten Fehler angezeigt. Sie können ihn auch optional verwenden, um den HTTP -Statuscode in den an einen Client gesendeten Antwort -Header zu ändern.

In diesem Handbuch zeigen wir, wie man konfiguriert wird Nginx Um benutzerdefinierte Fehlerseiten zu verwenden.

Erstellen Sie eine einzelne benutzerdefinierte Seite für alle Nginx -Fehler

Sie können konfigurieren Nginx Verwenden Sie eine einzelne benutzerdefinierte Fehlerseite für alle Fehler, die sie an einen Client zurückkehrt. Erstellen Sie zunächst Ihre Fehlerseite. Hier finden Sie eine einfache HTML -Seite, auf der die Nachricht angezeigt wird:

„Entschuldigung, die Seite kann nicht geladen werden! Wenden Sie sich an den Administrator der Website oder den Unterstützung für Unterstützung.”An einen Kunden. 

Beispiel HTML Nginx Benutzerdefinierter Seitencode.

    * -webkit-Box-Größe: Border-Box; Kastengrößen: Border-Box;  body padding: 0; Rand: 0;  #notfound Position: relativ; Höhe: 100VH;  #nicht gefunden .Notfund Position: absolut; Links: 50%; Top: 50%; -Webkit-Transformation: Translate (-50%, -50%); -MS-Transformation: Translate (-50%, -50%); Transformation: Translate (-50%, -50%);  .NotFound Max-Width: 520px; Breite: 100%; Zeilenhöhe: 1.4; Text-Align: Mitte;  .nicht gefunden .NotFound-Irry Position: Relativ; Höhe: 200px; Rand: 0PX Auto 20px; Z -Index: -1;  .nicht gefunden .Notfound-Irror H1 Schriftfamilie: 'Montserrat', sans-serif; Schriftgröße: 200px; Schriftgewicht: 300; Rand: 0px; Farbe: #211b19; Position: absolut; Links: 50%; Top: 50%; -Webkit-Transformation: Translate (-50%, -50%); -MS-Transformation: Translate (-50%, -50%); Transformation: Translate (-50%, -50%);  @media nur Bildschirm und (max-Width: 767px)  .nicht gefunden .NotFound-Irror H1 Schriftgröße: 148px;  @media nur Bildschirm und (max-Width: 480px)  .nicht gefunden .NotFound-Irry Höhe: 148px; Rand: 0PX Auto 10px;  .nicht gefunden .NotFound-Irror H1 Schriftgröße: 120px; Schriftgewicht: 200px;  .nicht gefunden .Notfound-Irror H2 Schriftgröße: 30px;  .nicht aufgebraucht A Padding: 7px 15px; Schriftgröße: 24px;  .H2 Schriftgröße: 148px;       

Entschuldigung, die Seite kann nicht geladen werden!

Wenden Sie sich an den Administrator der Website oder den Unterstützung für Unterstützung.

Speichern Sie die Datei zum Beispiel mit einem entsprechenden Namen Fehlerseite.html und schließen Sie es.

Verschieben Sie die Datei als nächstes in Ihr Dokument -Root -Verzeichnis (/var/www/html/). Wenn das Verzeichnis nicht vorhanden ist, können Sie es mit dem Befehl mkdir erstellen, wie gezeigt:

$ sudo mkdir -p/var/www/html/$ sudo CP -Fehlerpage.html/var/www/html/ 

Dann konfigurieren Nginx Verwenden Sie die benutzerdefinierte Fehlerseite mit der Fehlerseite Richtlinie. Erstellen Sie eine Konfigurationsdatei aufgerufen Custom-Error-Seite.Conf unter /etc/nginx/snippets/ wie gezeigt.

$ sudo mkdir/etc/nginx/snippets/$ sudo vim/etc/nginx/snippets/kundenspezifische Seite.Conf 

Fügen Sie ihm die folgenden Zeilen hinzu:

ERROR_PAGE 404 403 500 503 /Fehlerpage.html; location = /Fehlerpage.html root/var/www/html; intern;  

Diese Konfiguration bewirkt eine interne Weiterleitung zum Uri/Fehlerseite.html jedes Mal Nginx begegnet auf einen der angegebenen HTTP -Fehler 404, 403, 500 und 503. Der Standort Kontext erzählt Nginx Wo kann man Ihre Fehlerseite finden.

Speichern Sie die Datei und schließen Sie sie.

Fügen Sie nun die Datei in die ein http Kontext, damit alle Serverblöcke die Fehlerseite in der verwenden /etc/nginx/nginx.Conf Datei:

$ sudo vim/etc/nginx/nginx.Conf 

Der enthalten Verzeichnis erzählt Nginx Um die Konfiguration in die angegebenen Einbeziehung einzubeziehen .Conf Datei:

Fügen Sie Snippets/Custom-Irror-Page ein.conf; 

Alternativ können Sie enthalten Die Datei für einen bestimmten Serverblock (allgemein bekannt als Vhost), Zum Beispiel, /etc/nginx/conf.D/MyWebsite.Conf. Fügen Sie das obige hinzu enthalten Richtlinie auf dem Server Kontext.

Speichern Sie Ihre Nginx Konfigurationsdatei und laden Sie den Dienst wie folgt neu:

$ sudo systemctl reload nginx.Service 

Und testen Sie einen Browser, wenn das Setup gut funktioniert.

Nginx benutzerdefinierte 404 Seite

Erstellen Sie für jeden Nginx -Fehler verschiedene benutzerdefinierte Seiten

Sie können auch verschiedene benutzerdefinierte Fehlerseiten für jeden HTTP -Fehler in einrichten Nginx. Wir haben eine gute Sammlung benutzerdefinierter Nginx -Fehlerseiten entdeckt, die von erstellt wurden Denys Vitali An Github.

Führen Sie die folgenden Befehle aus, um das Repository auf Ihrem Server einzurichten:

$ sudo git klone https: // github.com/denysvitali/nginx-auf-pages/srv/http/Standard $ sudo mkdir/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 

Fügen Sie als nächstes die folgende Konfiguration in beide Ihre hinzu http Kontext oder jeder Serverblock/Vhost:

Fügen Sie Snippets/error_pages ein.conf; 

Speichern Sie Ihre NGINX -Konfigurationsdatei und laden Sie den Dienst wie folgt neu:

$ sudo systemctl reload nginx.Service 

Testen Sie außerdem aus einem Browser, wenn die Konfiguration wie beabsichtigt funktioniert. In diesem Beispiel haben wir die 404 -Fehlerseite getestet.

Nginx benutzerdefinierte 404 Fehlerseite

Das war alles, was wir für Sie in diesem Leitfaden hatten. Nginx Fehlerseite Mit der Richtlinie können Sie Benutzer zu einer definierten Seite, Ressource oder URL umleiten, wenn ein Fehler auftritt. Es ermöglicht optional auch die Änderung des HTTP -Statuscodes in der Antwort an einen Client. Weitere Informationen finden Sie in der Nginx -Fehlerseitendokumentation.