NGINX服務器配置404錯誤頁面轉(zhuǎn)向的方法
什么是404頁面
如果碰巧網(wǎng)站出了問題,或者用戶試圖訪問一個并不存在的頁面時,此時服務器會返回代碼為404的錯誤信息,此時對應頁面就是404頁面。404頁面的默認內(nèi)容和具體的服務器有關(guān)。如果后臺用的是NGINX服務器,那么404頁面的內(nèi)容則為:404 Not Found
為什么要自定義404頁面
在訪問時遇到上面這樣的404錯誤頁面,我想99%(未經(jīng)調(diào)查,估計數(shù)據(jù))的用戶會把頁面關(guān)掉,用戶就這樣悄悄的流失了。如果此時能有一個漂亮的頁面能夠引導用戶去他想去的地方必然可以留住用戶。因此,每一個網(wǎng)站都應該自定義自己的404頁面。
NGINX下如何自定義404頁面
IIS和APACHE下自定義404頁面的經(jīng)驗介紹文章已經(jīng)非常多了,NGINX的目前還比較少,為了解決自家的問題特地對此作了深入的研究。研究結(jié)果表明,NGINX下配置自定義的404頁面是可行的,而且很簡單,只需如下幾步:
1.創(chuàng)建自己的404.html頁面
2.更改nginx.conf在http定義區(qū)域加入: fastcgi_intercept_errors on;
3.更改nginx.conf(或單獨網(wǎng)站配置文件,例如在nginx -> sites-enabled下的站點配置文件 )
中在server 區(qū)域加入: error_page 404 = /404.html 或者 error_page 404 =http://www.xxx.com/404.html
4.更改后重啟nginx,,測試nginx.conf正確性: /opt/nginx/sbin/nginx –t
#502 等錯誤可以用同樣的方法來配置。
error_page 500 502 503 504 = /50x.html;
注意事項:
1.必須要添加:fastcgi_intercept_errors on; 如果這個選項沒有設(shè)置,即使創(chuàng)建了404.html和配置了error_page也沒有效果。fastcgi_intercept_errors 語法: fastcgi_intercept_errors on|off 默認: fastcgi_intercept_errors off 添加位置: http, server, location 默認情況下,nginx不支持自定義404錯誤頁面,只有這個指令被設(shè)置為on,nginx才支持將404錯誤重定向。這里需要注意的是,并不是說設(shè)置了fastcgi_intercept_errors on,nginx就會將404錯誤重定向。在nginx中404錯誤重定向生效的前提是設(shè)置了fastcgi_intercept_errors on,并且正確的設(shè)置了error_page這個選項(包括語法和對應的404頁面)
2.不要出于省事或者提高首頁權(quán)重的目的將首頁指定為404錯誤頁面,也不要用其它方法跳轉(zhuǎn)到首頁。
3.自定義的404頁面必須大于512字節(jié),否則可能會出現(xiàn)IE默認的404頁面。例如,假設(shè)自定義了404.html,大小只有11個字節(jié)(內(nèi)容為:404錯誤)。
自定義nginx 404錯誤頁面是提高用戶體驗的一個細節(jié),如果是正規(guī)站,我們就必須做好它。你可以對每個網(wǎng)站的錯誤頁面分別設(shè)置,也可以設(shè)置一個全局的404頁面。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
配置nginx轉(zhuǎn)發(fā)內(nèi)網(wǎng)請求到外網(wǎng)的實現(xiàn)示例
本文主要介紹了配置nginx轉(zhuǎn)發(fā)內(nèi)網(wǎng)請求到外網(wǎng)的實現(xiàn)示例,通過nginx配置代理實現(xiàn)內(nèi)網(wǎng)對外網(wǎng)接口數(shù)據(jù)的獲取,涉及nginx安裝、配置SSL、日志設(shè)置和錯誤排查,感興趣的可以了解一下2024-10-10使用Nginx+Tomcat實現(xiàn)負載均衡的全過程
很多用到nginx的地方都是作為靜態(tài)伺服器,這樣可以方便緩存那些靜態(tài)文件,比如CSS,JS,html,htm等文件,下面這篇文章主要給大家介紹了關(guān)于使用Nginx+Tomcat實現(xiàn)負載均衡的相關(guān)資料,需要的朋友可以參考下2022-05-05使用nginx+tomcat+keepalived實現(xiàn)高可用的詳細步驟
這篇文章主要介紹了nginx+tomcat+keepalived實現(xiàn)高可用,包括安裝nginx服務的步驟,詳細介紹了安裝keepalived的方法,對nginx+tomcat+keepalived高可用相關(guān)知識感興趣的朋友一起看看吧2022-03-03關(guān)于nginx報錯405?not?allowed解決方法總結(jié)
這篇文章主要給大家介紹了關(guān)于nginx報錯405?not?allowed解決方法的相關(guān)資料,nginx遇到post請求靜態(tài)文件會得到405錯誤,文中通過代碼介紹的非常詳細,也給出了推薦方法,需要的朋友可以參考下2023-10-10linux安裝nginx和前端部署vue項目全過程(實測react項目也可)
這篇文章主要介紹了如何將前端項目打包并部署到服務器上,包括使用nginx進行配置和啟動等步驟,文中通過代碼以及圖文介紹的非常詳細,需要的朋友可以參考下2024-11-11