Cara Membuat Halaman Kesalahan 404 Kustom di Nginx

Cara Membuat Halaman Kesalahan 404 Kustom di Nginx

Setiap saat Nginx menemukan kesalahan karena mencoba memproses permintaan klien, ia mengembalikan kesalahan. Setiap kesalahan termasuk Http kode respons dan deskripsi singkat. Kesalahan biasanya ditampilkan kepada pengguna melalui default sederhana Html halaman.

Untungnya, Anda dapat mengonfigurasi Nginx Untuk menampilkan halaman kesalahan khusus ke pengguna situs atau aplikasi web Anda. Ini dapat dicapai dengan menggunakan error_page nginx pengarahan yang digunakan untuk menentukan Uri yang akan ditampilkan untuk kesalahan yang ditentukan. Anda juga dapat, secara opsional menggunakannya untuk memodifikasi kode status HTTP di header respons yang dikirim ke klien.

Di panduan ini, kami akan menunjukkan cara mengkonfigurasi Nginx untuk menggunakan halaman kesalahan khusus.

Buat satu halaman khusus untuk semua kesalahan nginx

Anda dapat mengonfigurasi Nginx untuk menggunakan satu halaman kesalahan khusus untuk semua kesalahan yang dikembalikan ke klien. Mulailah dengan membuat halaman kesalahan Anda. Berikut adalah contoh, halaman HTML sederhana yang menampilkan pesan:

“Maaf, halaman tidak dapat dimuat! Hubungi administrator situs atau dukungan untuk bantuan.“Kepada Klien. 

Contoh HTML Nginx Kode Halaman Kustom.

    * -webkit-box-sizing: border-box; Ukuran kotak: kotak perbatasan;  body padding: 0; Margin: 0;  #notfound position: relatif; Tinggi: 100VH;  #tidak ditemukan .notfound position: absolute; Kiri: 50%; Atas: 50%; -webkit-transform: translate (-50%, -50%); -MS-Transform: translate (-50%, -50%); Transform: Translate (-50%, -50%);  .notfound max-width: 520px; Lebar: 100%; Line-Height: 1.4; Teks-Align: tengah;  .tidak ditemukan .notfound-error position: relatif; Tinggi: 200px; margin: 0px auto 20px; z -index: -1;  .tidak ditemukan .notfound-error h1 font-family: 'montserrat', sans-serif; Ukuran font: 200px; Font-Weight: 300; margin: 0px; Warna: #211B19; Posisi: Absolute; Kiri: 50%; Atas: 50%; -webkit-transform: translate (-50%, -50%); -MS-Transform: translate (-50%, -50%); Transform: Translate (-50%, -50%);  @media Only Screen dan (Max-Width: 767px)  .tidak ditemukan .notfound-error h1 font-size: 148px;  @media Only Screen dan (Max-Width: 480px)  .tidak ditemukan .notfound-error height: 148px; margin: 0px auto 10px;  .tidak ditemukan .notfound-error h1 font-size: 120px; Font-Weight: 200px;  .tidak ditemukan .notfound-error h2 font-size: 30px;  .notfound a padding: 7px 15px; Ukuran font: 24px;  .h2 font-size: 148px;       

Maaf halaman tidak dapat dimuat!

Hubungi administrator situs atau dukungan untuk bantuan.

Simpan file dengan nama yang sesuai misalnya halaman kesalahan.html dan tutup.

Selanjutnya, pindahkan file ke direktori root dokumen Anda (/var/www/html/). Jika direktori tidak ada, Anda dapat membuatnya menggunakan perintah mkdir, seperti yang ditunjukkan:

$ sudo mkdir -p/var/www/html/$ sudo cp kesalahan halaman.html/var/www/html/ 

Lalu konfigurasikan Nginx untuk menggunakan halaman kesalahan khusus menggunakan error_page pengarahan. Buat file konfigurasi yang dipanggil kustom-kesalahan-halaman.conf di bawah /etc/nginx/cuplikan/ seperti yang ditunjukkan.

$ sudo mkdir/etc/nginx/snippets/$ sudo vim/etc/nginx/snippets/custom-error-page.conf 

Tambahkan baris berikut ke dalamnya:

ERROR_PAGE 404 403 500 503 /kesalahan halaman.html; Lokasi = /kesalahan halaman.html root/var/www/html; intern;  

Konfigurasi ini menyebabkan pengalihan internal ke Uri/halaman kesalahan.html setiap saat Nginx bertemu salah satu dari kesalahan HTTP yang ditentukan 404, 403, 500, dan 503. Itu Lokasi konteks menceritakan Nginx di mana menemukan halaman kesalahan Anda.

Simpan file dan tutup.

Sekarang sertakan file di http konteks sehingga semua blok server menggunakan halaman kesalahan, di /etc/nginx/nginx.conf mengajukan:

$ sudo vim/etc/nginx/nginx.conf 

Itu termasuk Direktori memberi tahu Nginx untuk memasukkan konfigurasi dalam yang ditentukan .conf mengajukan:

Sertakan cuplikan/kustom-kelebihan halaman.conf; 

Atau, Anda bisa termasuk file untuk blok server tertentu (umumnya dikenal sebagai Vhost), Misalnya, /etc/nginx/conf.D/MyWebsite.conf. Tambahkan di atas termasuk Petunjuk di server konteks.

Simpan Nginx file konfigurasi dan muat ulang layanan sebagai berikut:

$ sudo systemctl Reload nginx.melayani 

Dan tes dari browser jika pengaturan berfungsi dengan baik.

Nginx Custom 404 Page

Buat halaman khusus yang berbeda untuk setiap kesalahan nginx

Anda juga dapat mengatur halaman kesalahan khusus yang berbeda untuk setiap kesalahan HTTP di Nginx. Kami menemukan kumpulan halaman kesalahan Nginx khusus yang dibuat oleh Denys Vitali pada GitHub.

Untuk mengatur repositori di server Anda, jalankan perintah berikut:

$ sudo git clone https: // github.com/DENYSVITALI/NGINX-ERROR-PAGES/SRV/HTTP/DEFAULT $ SUDO MKDIR/ETC/NGINX/Snippet.conf/etc/nginx/snippet/error_pages.conf $ sudo ln -s/srv/http/default/snippets/error_pages_content.conf/etc/nginx/snippets/error_pages_content.conf 

Selanjutnya, tambahkan konfigurasi berikut di Anda http konteks atau setiap server blok/vhost:

Sertakan cuplikan/error_pages.conf; 

Simpan file konfigurasi nginx Anda dan muat ulang layanan sebagai berikut:

$ sudo systemctl Reload nginx.melayani 

Juga, tes dari browser jika konfigurasi berfungsi sebagaimana dimaksud. Dalam contoh ini, kami menguji halaman 404 kesalahan.

Halaman kesalahan Nginx Custom 404

Hanya itu yang kami miliki untuk Anda dalam panduan ini. Nginx error_page Petunjuk memungkinkan Anda untuk mengarahkan pengguna ke halaman atau sumber daya atau URL yang ditentukan saat terjadi kesalahan. Ini juga secara opsional memungkinkan untuk modifikasi kode status HTTP dalam respons terhadap klien. Untuk informasi lebih lanjut, baca dokumentasi halaman kesalahan nginx.