Konfiguration der Nginx-Fehlerseite, Verschönerung der Eingabeaufforderungen für Website-Fehler-Nginx-php.cn

Konfiguration der Nginx-Fehlerseite, Verschönerung der Eingabeaufforderungen für Website-Fehler

PHPz

Freigeben： 2023-07-04 13:33:11

Original

2923 Leute haben es durchsucht

Nginx-Fehlerseitenkonfiguration, Verschönerung der Website-Fehlermeldungen

Während des Betriebs der Website ist es unvermeidlich, dass Serverfehler oder andere Fehler auftreten. Diese Probleme führen dazu, dass Benutzer nicht normal auf die Website zugreifen können. Um die Benutzererfahrung und das Website-Image zu verbessern, können wir Nginx-Fehlerseiten konfigurieren, um Fehlermeldungen für Website-Fehler zu verschönern. In diesem Artikel wird erläutert, wie Sie die Fehlerseite über die Fehlerseiten-Konfigurationsfunktion von Nginx anpassen, und Codebeispiele als Referenz bereitstellen.

1. Ändern Sie die Nginx-Konfigurationsdatei

Zuerst müssen wir die Nginx-Konfigurationsdatei öffnen, die sich normalerweise unter /etc/nginx/nginx.conf oder /etc/nginx/conf.d/default.conf befindet. Suchen Sie den Serverblock und fügen Sie die folgende Konfiguration hinzu:

server {
    ...
    error_page 403 /error/403.html;
    error_page 404 /error/404.html;
    error_page 500 502 503 504 /error/50x.html;
    ...
}

Nach dem Login kopieren

In der obigen Konfiguration wird die error_page-Direktive verwendet, um den Pfad der Fehlerseite festzulegen, der ein lokaler Dateipfad oder ein URI sein kann. 403 weist auf einen Fehler hin, bei dem der Zugriff verweigert wurde, 404 zeigt an, dass auf der Seite kein Fehler vorliegt, und 500, 502, 503 und 504 weisen auf Serverfehler hin.

2. Erstellen Sie eine Fehlerseite

Wir müssen die entsprechende Fehlerseitendatei erstellen und im angegebenen Pfad speichern. Als nächstes nehmen wir die 403-Fehlerseite als Beispiel, erstellen eine Datei mit dem Namen 403.html und speichern sie im Fehlerverzeichnis unter dem Nginx-Konfigurationsverzeichnis.

$ sudo mkdir /usr/share/nginx/error
$ sudo touch /usr/share/nginx/error/403.html
$ sudo nano /usr/share/nginx/error/403.html

Nach dem Login kopieren

In 403.html können wir die Fehlermeldung anpassen und Text, Symbole, Links usw. hinzufügen, um Benutzer daran zu erinnern, dass ein 403-Fehler aufgetreten ist.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>403 Forbidden</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f6f6f6;
            margin: 0;
            padding: 50px;
            text-align: center;
        }
        h1 {
            font-size: 24px;
            color: #333;
            margin-bottom: 20px;
        }
        p {
            font-size: 18px;
            color: #666;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <h1>403 Forbidden</h1>
    <p>抱歉，您没有权限访问该页面。</p>
</body>
</html>

Nach dem Login kopieren

3. Starten Sie Nginx neu

Nach Abschluss der obigen Konfiguration müssen wir Nginx neu starten, damit es wirksam wird.

$ sudo systemctl restart nginx

Nach dem Login kopieren

4. Überprüfen Sie die Konfiguration

Geben Sie eine nicht vorhandene URL in den Browser ein, z. B. http://example.com/123456, und Sie sehen die angepasste 404-Fehlerseite. Nach dem gleichen Prinzip wird auch unsere angepasste 403-Fehlerseite angezeigt, wenn ein Benutzer keine Berechtigung zum Zugriff auf eine URL hat.

Durch die Konfiguration der Nginx-Fehlerseite können wir Website-Fehlermeldungen verschönern und die Benutzererfahrung und das Website-Image verbessern. Zusätzlich zu den Fehlerseiten 403 und 404 können wir auch andere Arten von Fehlerseiten anpassen, z. B. 500, 502, 503 usw. Befolgen Sie einfach die obigen Schritte, fügen Sie die entsprechende error_page-Direktive in die Nginx-Konfigurationsdatei ein und erstellen Sie die entsprechende Fehlerseitendatei.

Zusammenfassung:

Nginx bietet flexible Konfigurationsfunktionen für Fehlerseiten, mit denen wir Seiten mit Aufforderungen zu Website-Fehlern anpassen können. Durch elegantes Design der Fehlerseite und zeitnahe Informationen können wir die Benutzererfahrung verbessern und gleichzeitig den Benutzern ein freundliches und professionelles Bild vermitteln. Das Obige ist eine Einführung und ein Beispielcode für die Konfiguration der Nginx-Fehlerseite. Ich hoffe, dass er Ihnen bei der Verschönerung von Website-Fehlermeldungen hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonKonfiguration der Nginx-Fehlerseite, Verschönerung der Eingabeaufforderungen für Website-Fehler. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!