Nginx實現404頁面的幾種方法

2021-09-08 20:25:35 字數 1873 閱讀 4620

轉, 原文:

第一種:nginx自己的錯誤頁面

nginx訪問乙個靜態的html 頁面,當這個頁面沒有的時候,nginx丟擲404,那麼如何返回給客戶端404呢?

看下面的配置,這種情況下不需要修改任何引數,就能實現這個功能。

server {

listen      80;

server_name  www.test.com;

root   /var/www/test;

index  index.html index.htm;

location / {

# 定義錯誤頁面碼,如果出現相應的錯誤頁面碼,**到那裡。

error_page  404 403 500 502 503 504  /404.html;

# 承接上面的location。

location = /404.html {

# 放錯誤頁面的目錄路徑。

root   /usr/share/nginx/html;

第二種:反向**的錯誤頁面如果後台tomcat處理報錯丟擲404,想把這個狀態叫nginx反饋給客戶端或者重定向到某個連線,配置如下:

upstream www {

server 192.168.1.201:7777  weight=20 max_fails=2 fail_timeout=30s;

ip_hash;

server {

listen       80;

server_name www.test.com;

root   /var/www/test;

index  index.html index.htm;

location / {

if ($request_uri ~* 『^/$』) {

rewrite .*   redirect;

# 關鍵引數:這個變數開啟後,我們才能自定義錯誤頁面,當後端返回404,nginx攔截錯誤定義錯誤頁面

第三種:nginx解析php**的錯誤頁面如果後端是php解析的,需要加乙個變數

在http段中加乙個變數fastcgi_intercept_errors on就可以了。

指定乙個錯誤頁面:

error_page    404  /404.html;

location = /404.html {

root   /usr/share/nginx/html;

error_page 404  /404.html;

error_page 404 =

**

nginx實現404頁面的幾種方法,你知道幾種 – 運維派

關於404頁面的實現邏輯

問題 對於專案裡面的404頁面,之前一直沒有理清楚到底是什麼樣的乙個邏輯,現在總結一下 解答 1 首先404是乙個頁面,先準備好乙個靜態頁面 2 利用路由來設定404頁面,在路由配置裡,假如沒有匹配到自己設定的路由,則跳轉到404頁面 準備的頁面 import react from react im...

Nginx實現404頁面的三種方法

乙個 專案,肯定是避免不了404頁面的,通常使用nginx作為web伺服器時,有以下集中配置方式 第一種 nginx自己的錯誤頁面 nginx訪問乙個靜態的html 頁面,當這個頁面沒有的時候,nginx丟擲404,那麼如何返回給客戶端404呢?看下面的配置,這種情況下不需要修改任何引數,就能實現這...

404頁面的重要性,如何設計404頁面

基本上專業的 都會設定404頁面,為什麼要設計404頁面呢?這當然有著它的需要。本文將給大家介紹下404頁面的重要性,以及如何設計404頁面,這些內容將會讓大家對於404頁面有更深刻的認識。一 404頁面的重要性 404頁面讓使用者具有良好的信任度,因為404頁面上可以設定相對親和的內容,讓使用者知...