Maison Opération et maintenance Nginx Configuration de la page d'erreur Nginx, embellissement des invites d'échec du site Web

Configuration de la page d'erreur Nginx, embellissement des invites d'échec du site Web

Jul 04, 2023 pm 01:33 PM
错误页面 nginx配置 美化提示

Configuration de la page d'erreur Nginx, embellissez les invites d'échec du site Web

Pendant le fonctionnement du site Web, il est inévitable de rencontrer des erreurs de serveur ou d'autres pannes. Ces problèmes empêcheront les utilisateurs d'accéder normalement au site Web. Afin d'améliorer l'expérience utilisateur et l'image du site Web, nous pouvons configurer les pages d'erreur Nginx pour embellir les invites d'échec du site Web. Cet article expliquera comment personnaliser la page d'erreur via la fonction de configuration de la page d'erreur de Nginx et fournira des exemples de code comme référence.

1. Modifier le fichier de configuration Nginx

Tout d'abord, nous devons ouvrir le fichier de configuration Nginx, qui se trouve généralement dans /etc/nginx/nginx.conf ou /etc/nginx/conf.d/default.conf. Recherchez le bloc serveur et ajoutez la configuration suivante :

server {
    ...
    error_page 403 /error/403.html;
    error_page 404 /error/404.html;
    error_page 500 502 503 504 /error/50x.html;
    ...
}
Copier après la connexion

Dans la configuration ci-dessus, la directive error_page est utilisée pour définir le chemin de la page d'erreur, qui peut être un chemin de fichier local ou un URI. 403 indique une erreur d'accès refusé, 404 indique qu'il n'y a aucune erreur sur la page et 500, 502, 503 et 504 indiquent des erreurs de serveur.

2. Créer une page d'erreur

Nous devons créer le fichier de page d'erreur correspondant et l'enregistrer dans le chemin spécifié. Ensuite, nous prenons la page d'erreur 403 comme exemple, créons un fichier nommé 403.html et l'enregistrons dans le répertoire d'erreur sous le répertoire de configuration nginx.

$ sudo mkdir /usr/share/nginx/error
$ sudo touch /usr/share/nginx/error/403.html
$ sudo nano /usr/share/nginx/error/403.html
Copier après la connexion

Dans 403.html, nous pouvons personnaliser le message d'erreur et ajouter du texte, des icônes, des liens, etc. pour rappeler aux utilisateurs qu'une erreur 403 s'est produite.

<!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>
Copier après la connexion

3. Redémarrez Nginx

Après avoir terminé la configuration ci-dessus, nous devons redémarrer Nginx pour qu'elle prenne effet.

$ sudo systemctl restart nginx
Copier après la connexion

4. Vérifiez la configuration

Entrez une URL inexistante dans le navigateur, telle que http://example.com/123456, et vous verrez la page d'erreur 404 personnalisée. Dans le même principe, lorsqu'un utilisateur n'a pas la permission d'accéder à une URL, notre page d'erreur 403 personnalisée sera également affichée.

Grâce à la configuration de la page d'erreur Nginx, nous pouvons embellir les invites de panne du site Web et améliorer l'expérience utilisateur et l'image du site Web. En plus des pages d'erreur 403 et 404, nous pouvons également personnaliser d'autres types de pages d'erreur, telles que 500, 502, 503, etc. Suivez simplement les étapes ci-dessus, ajoutez la directive error_page correspondante dans le fichier de configuration Nginx et créez le fichier de page d'erreur correspondant.

Résumé :

Nginx fournit des fonctions de configuration de page d'erreur flexibles, nous permettant de personnaliser les pages d'invite d'échec du site Web. Grâce à une conception élégante des pages d’erreur et à des informations rapides, nous pouvons améliorer l’expérience utilisateur tout en présentant une image conviviale et professionnelle aux utilisateurs. Ce qui précède est une introduction et un exemple de code pour la configuration de la page d'erreur Nginx. J'espère que cela vous sera utile pour embellir les invites d'erreur du site Web.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Configuration de la page d'erreur Nginx, embellissement des invites d'échec du site Web Configuration de la page d'erreur Nginx, embellissement des invites d'échec du site Web Jul 04, 2023 pm 01:33 PM

Configuration de la page d'erreur Nginx pour embellir les invites de panne du site Web. Pendant le fonctionnement du site Web, il est inévitable de rencontrer des erreurs de serveur ou d'autres défauts. Ces problèmes empêcheront les utilisateurs d'accéder normalement au site Web. Afin d'améliorer l'expérience utilisateur et l'image du site Web, nous pouvons configurer les pages d'erreur Nginx pour embellir les invites d'échec du site Web. Cet article explique comment personnaliser la page d'erreur via la fonction de configuration de la page d'erreur de Nginx et fournit des exemples de code comme référence. 1. Modifiez le fichier de configuration Nginx. Tout d'abord, nous devons ouvrir la configuration Nginx.

Comment implémenter la configuration de partage de ressources d'origine croisée (CORS) Nginx Comment implémenter la configuration de partage de ressources d'origine croisée (CORS) Nginx Nov 08, 2023 pm 12:22 PM

La façon de mettre en œuvre la configuration de partage de ressources inter-domaines (CORS) de Nginx nécessite des exemples de code spécifiques. Avec la popularité du développement de séparation front-end et back-end, les problèmes de partage de ressources inter-domaines (CORS) sont devenus un défi courant. Dans le développement Web, en raison des restrictions de la politique de même origine du navigateur, le code JavaScript côté client ne peut demander des ressources qu'avec le même nom de domaine, le même protocole et le même port que la page sur laquelle il se trouve. Cependant, dans le développement réel, nous devons souvent demander des ressources à différents noms de domaine ou sous-domaines. A ce moment, vous devez utiliser du CO

Configuration du contrôle d'accès Nginx pour restreindre l'accès aux utilisateurs spécifiés Configuration du contrôle d'accès Nginx pour restreindre l'accès aux utilisateurs spécifiés Jul 04, 2023 am 10:37 AM

Configuration du contrôle d'accès Nginx pour restreindre l'accès à des utilisateurs spécifiés. Dans un serveur Web, le contrôle d'accès est une mesure de sécurité importante utilisée pour restreindre les droits d'accès à des utilisateurs ou à des adresses IP spécifiques. En tant que serveur Web hautes performances, Nginx fournit également de puissantes fonctions de contrôle d'accès. Cet article expliquera comment utiliser la configuration Nginx pour limiter les autorisations d'accès des utilisateurs spécifiés et fournira des exemples de code pour référence. Tout d’abord, nous devons préparer un fichier de configuration de base Nginx. En supposant que nous ayons déjà un site Web, le chemin du fichier de configuration est

Comment résoudre 0x80070002 Comment résoudre 0x80070002 Oct 27, 2023 pm 03:22 PM

Le code d'erreur 0x80070002 indique généralement qu'une erreur d'inexistence de fichier ou de répertoire s'est produite lors de l'exécution d'une opération. La solution : 1. Vérifiez si le fichier ou le répertoire existe et assurez-vous que le fichier ou le répertoire correspondant existe sur votre ordinateur ; 2. Effectuez une vérification des fichiers système : exécutez l'outil de vérification des fichiers système pour analyser et réparer les éventuels fichiers système endommagés ; Effacer les fichiers temporaires : Supprimez les fichiers temporaires et le cache sur l'ordinateur ; 4. Résolvez les problèmes de mise à jour de Windows ; 5. Exécutez la restauration du système.

Page d'erreur et gestion des exceptions dans le framework Yii Page d'erreur et gestion des exceptions dans le framework Yii Jun 21, 2023 pm 03:27 PM

Le framework Yii est un framework PHP hautes performances largement utilisé dans le développement d'applications Web. Dans les applications Yii, les pages d'erreur et les modules de gestion des exceptions sont l'une des fonctions très importantes. Cet article présentera brièvement la page d'erreur et les modules de gestion des exceptions dans le framework Yii, et fournira des exemples de code pratiques pour vous aider à mieux comprendre et utiliser ces fonctions. 1. Page d'erreur Lorsqu'un utilisateur accède à une page qui n'existe pas, qu'une connexion incorrecte se produit ou que d'autres erreurs se produisent, le framework Yii affichera une page d'erreur par défaut. Cette page habituellement

Comment utiliser un tableau PHP similaire au fichier de configuration Nginx pour la gestion de la configuration ? Comment utiliser un tableau PHP similaire au fichier de configuration Nginx pour la gestion de la configuration ? Jun 01, 2023 pm 10:10 PM

PHP est un langage de programmation très populaire, particulièrement adapté au développement web. En tant que développeur PHP, lorsque vous traitez certains fichiers de configuration, vous devez souvent utiliser des tableaux pour la gestion. Dans cet article, nous explorerons comment utiliser les tableaux PHP comme les fichiers de configuration Nginx pour la gestion de la configuration. Le fichier de configuration de Nginx est une méthode de configuration très courante qui peut être modifiée à l'aide de texte et est très lisible. Le fichier de configuration Nginx utilise une méthode similaire à un tableau PHP pour représenter les informations de configuration.

Qu'est-ce que la configuration nginx Qu'est-ce que la configuration nginx Aug 04, 2023 am 11:19 AM

La configuration nginx comprend le fichier de configuration principal, la configuration de l'hôte virtuel, le traitement des requêtes HTTP, le proxy inverse, l'équilibrage de charge, le traitement des fichiers statiques, la compression HTTP, la prise en charge SSL/TLS, la configuration de l'hôte virtuel et les fichiers journaux.

Comment configurer un serveur VPS à l'aide de NGINX et PM2 Comment configurer un serveur VPS à l'aide de NGINX et PM2 Sep 27, 2023 pm 12:54 PM

Comment utiliser NGINX et PM2 pour configurer un serveur VPS Dans le processus de création d'un serveur Web, l'utilisation de NGINX et PM2 est une méthode de configuration courante. NGINX est un serveur Web hautes performances couramment utilisé pour le proxy inverse et l'équilibrage de charge. PM2 est un outil de gestion de processus qui peut exécuter et gérer des applications Node.js sur le serveur. Cet article explique comment configurer un serveur VPS à l'aide de NGINX et PM2 et fournit des exemples de code spécifiques. Étape 1 : Installer NGINX et PM2

See all articles