Nginx エラーページの構成、Web サイトのエラープロンプトを美しくする-Nginx-php.cn

ホームページ

運用・保守

Nginx

Nginx エラーページの構成、Web サイトのエラープロンプトを美しくする

PHPz

Jul 04, 2023 pm 01:33 PM

エラーページnginxの設定美化のヒント

Nginx エラーページの設定、Web サイトの障害プロンプトを美しくする

Web サイトの運用中にサーバーエラーやその他の障害が発生することは避けられず、これらの問題によりユーザーは Web サイトに正常にアクセスできなくなります。ユーザーエクスペリエンスと Web サイトのイメージを向上させるために、Nginx エラーページを構成して Web サイトのエラープロンプトを美しくすることができます。この記事では、Nginx のエラーページ設定機能を使用してエラーページをカスタマイズする方法を紹介し、参考としてコード例を示します。

1. Nginx 設定ファイルを変更する

まず、Nginx 設定ファイルを開く必要があります。通常、このファイルは /etc/nginx/nginx.conf または /etc/nginx/conf にあります。 .d/default.conf。サーバーブロックを見つけて、次の構成を追加します。

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

上記の構成では、error_page ディレクティブを使用してエラーページのパスを設定します。これはローカルファイルパスまたは URI です。 403 はアクセス拒否エラーを示し、404 はページにエラーがないことを示し、500、502、503、および 504 はサーバーエラーを示します。

2. エラーページの作成

対応するエラーページファイルを作成し、指定されたパスに保存する必要があります。次に、403 エラーページを例として、403.html という名前のファイルを作成し、nginx 構成ディレクトリの下のエラーディレクトリに保存します。

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

403.html では、エラーメッセージをカスタマイズし、テキスト、アイコン、リンクなどを追加して、403 エラーが発生したことをユーザーに通知できます。

<!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 id="Forbidden">403 Forbidden</h1>
    <p>抱歉，您没有权限访问该页面。</p>
</body>
</html>

3. Nginx の再起動

上記の設定が完了したら、設定を有効にするために Nginx を再起動する必要があります。

$ sudo systemctl restart nginx

4. 設定の確認

ブラウザに存在しない URL (http://example.com/123456 など) を入力すると、カスタマイズされた 404 エラーページが表示されます。同じ原理で、ユーザーが URL にアクセスする権限を持っていない場合、カスタマイズされた 403 エラーページも表示されます。

Nginx エラーページの設定を通じて、Web サイトの障害プロンプトを美しくし、ユーザーエクスペリエンスと Web サイトのイメージを向上させることができます。 403 および 404 エラーページに加えて、500、502、503 などの他のタイプのエラーページもカスタマイズできます。上記の手順に従い、対応する error_page ディレクティブを Nginx 構成ファイルに追加し、対応するエラーページファイルを作成するだけです。

概要:

Nginx は柔軟なエラーページ構成機能を提供しており、Web サイトのエラープロンプトページをカスタマイズできます。エレガントなエラーページのデザインとプロンプト情報により、ユーザーエクスペリエンスを向上させると同時に、フレンドリーでプロフェッショナルなイメージをユーザーに提示できます。上記はNginxのエラーページ設定の紹介とサンプルコードで、Webサイトのエラープロンプトを美しくするのに役立つことを願っています。

以上がNginx エラーページの構成、Web サイトのエラープロンプトを美しくするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

Nginxユニット：さまざまなプログラミング言語をサポートしますApr 16, 2025 am 12:15 AM

Nginxunitは複数のプログラミング言語をサポートし、モジュラー設計を通じて実装されています。 1。言語モジュールの読み込み：構成ファイルに従って対応するモジュールをロードします。 2。アプリケーションの起動：呼び出し言語が実行されたときにアプリケーションコードを実行します。 3。リクエスト処理：リクエストをアプリケーションインスタンスに転送します。 4。応答返品：処理された応答をクライアントに返します。

nginxとapacheを選択する：あなたのニーズに合った適切Apr 15, 2025 am 12:04 AM

NginxとApacheには独自の利点と短所があり、さまざまなシナリオに適しています。 1.Nginxは、高い並行性と低リソース消費シナリオに適しています。 2。Apacheは、複雑な構成とリッチモジュールが必要なシナリオに適しています。コア機能、パフォーマンスの違い、ベストプラクティスを比較することで、ニーズに最適なサーバーソフトウェアを選択するのに役立ちます。

nginxを開始する方法Apr 14, 2025 pm 01:06 PM

質問：nginxを開始する方法は？回答：nginxスタートアップnginx検証nginxはnginxを開始しました他のスタートアップオプションを自動的に開始

Nginxが開始されるかどうかを確認する方法Apr 14, 2025 pm 01:03 PM

nginxが開始されるかどうかを確認する方法：1。コマンドラインを使用します：SystemCTLステータスnginx（Linux/unix）、netstat -ano | FindStr 80（Windows）; 2。ポート80が開いているかどうかを確認します。 3.システムログのnginx起動メッセージを確認します。 4. Nagios、Zabbix、Icingaなどのサードパーティツールを使用します。

nginxを閉じる方法Apr 14, 2025 pm 01:00 PM

NGINXサービスをシャットダウンするには、次の手順に従ってください。インストールタイプを決定します：Red Hat/Centos（SystemCtl Status Nginx）またはDebian/Ubuntu（Service Nginx Status）サービスを停止します：Red Hat/Centos（SystemCtl Stop Nginx）またはDebian/Ubuntu（Service Nginx Stop）無効自動起動（オプション）：Debuntos/Centos/Centos/Centos/Centos/Centos （syst

Windowsでnginxを構成する方法Apr 14, 2025 pm 12:57 PM

Windowsでnginxを構成する方法は？ nginxをインストールし、仮想ホスト構成を作成します。メイン構成ファイルを変更し、仮想ホスト構成を含めます。 nginxを起動またはリロードします。構成をテストし、Webサイトを表示します。 SSLを選択的に有効にし、SSL証明書を構成します。ファイアウォールを選択的に設定して、ポート80および443のトラフィックを許可します。

nginx403エラーを解く方法Apr 14, 2025 pm 12:54 PM

サーバーには、要求されたリソースにアクセスする許可がなく、NGINX 403エラーが発生します。ソリューションには以下が含まれます。ファイル許可を確認します。 .htaccess構成を確認してください。 nginx構成を確認してください。 SELINUXアクセス許可を構成します。ファイアウォールルールを確認してください。ブラウザの問題、サーバーの障害、その他の可能なエラーなど、他の原因をトラブルシューティングします。

Linuxでnginxを開始する方法Apr 14, 2025 pm 12:51 PM

Linuxでnginxを開始する手順：nginxがインストールされているかどうかを確認します。 systemctlを使用して、nginxを開始してnginxサービスを開始します。 SystemCTLを使用して、NGINXがシステムスタートアップでNGINXの自動起動を有効にすることができます。 SystemCTLステータスNGINXを使用して、スタートアップが成功していることを確認します。 Webブラウザのhttp：// localhostにアクセスして、デフォルトのウェルカムページを表示します。

See all articles

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、