Nginx中404頁(yè)面怎么配置及AJAX請(qǐng)求返回404頁(yè)面

這篇文章主要介紹“Nginx中404頁(yè)面怎么配置及AJAX請(qǐng)求返回404頁(yè)面”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“Nginx中404頁(yè)面怎么配置及AJAX請(qǐng)求返回404頁(yè)面”文章能幫助大家解決問(wèn)題。

404頁(yè)面基礎(chǔ)配置
404錯(cuò)誤是www網(wǎng)站訪問(wèn)容易出現(xiàn)的錯(cuò)誤。最常見(jiàn)的出錯(cuò)提示：404 not found。404錯(cuò)誤頁(yè)的設(shè)置對(duì)網(wǎng)站seo有很大的影響，而設(shè)置不當(dāng)，比如直接轉(zhuǎn)跳主頁(yè)等，會(huì)被搜索引擎降權(quán)拔毛。404頁(yè)面的目的應(yīng)該是告訴用戶(hù)：你所請(qǐng)求的頁(yè)面是不存在的，同時(shí)引導(dǎo)用戶(hù)瀏覽網(wǎng)站其他頁(yè)面而不是關(guān)掉窗口離去。搜索引擎通過(guò)http狀態(tài)碼來(lái)識(shí)別網(wǎng)頁(yè)的狀態(tài)。當(dāng)搜索引擎獲得了一個(gè)錯(cuò)誤鏈接時(shí)，網(wǎng)站應(yīng)該返回404狀態(tài)碼，告訴搜索引擎放棄對(duì)該鏈接的索引。而如果返回200或302狀態(tài)碼，搜索引擎就會(huì)為該鏈接建立索引，這導(dǎo)致大量不同的鏈接指向了相同的網(wǎng)頁(yè)內(nèi)容。結(jié)果是，搜索引擎對(duì)網(wǎng)站的信任度大幅降低。
下面是lnmp設(shè)置nginx 404錯(cuò)誤頁(yè)教程：
1、

vi /usr/local/nginx/conf/nginx.conf

編輯nginx配置文件，在http 區(qū)段添加下面代碼：

fastcgi_intercept_errors on;

2、編輯網(wǎng)站配置文件，比如本站：

vi /usr/local/nginx/conf/vhost/onelone.com.conf

，在server 區(qū)段添加下面代碼：

error_page 404 = /404.html;

注意：有網(wǎng)友測(cè)試上行代碼需要去掉等號(hào)才會(huì)返回正確的404狀態(tài)，所以請(qǐng)同學(xué)們自行測(cè)試是否要去掉等號(hào)。

3、測(cè)試配置文件是否正確： 

/usr/local/nginx/sbin/nginx -t

，返回下面代碼通過(guò)：

the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok
configuration file /usr/local/nginx/conf/nginx.conf test is successful

4、重啟lnmp生效：/root/lnmp restart 。

5、404錯(cuò)誤頁(yè)面制作的注意事項(xiàng)：
（1）不要將404錯(cuò)誤轉(zhuǎn)向到網(wǎng)站主頁(yè)，否則可能會(huì)導(dǎo)致主頁(yè)在搜索引擎中被降權(quán)或消失。 　　
（2）不要使用絕對(duì)url，如果使用絕對(duì)url返回的狀態(tài)碼是302+200，這樣會(huì)產(chǎn)生大量的重復(fù)網(wǎng)頁(yè)。
（3）404頁(yè)面設(shè)置完成，一定要檢查是否正確。http頭信息返回的一定要是404狀態(tài)。這個(gè)可以通過(guò)服務(wù)器頭部信息檢查工具進(jìn)行檢查。
（4）404頁(yè)面不要自動(dòng)跳轉(zhuǎn)，讓用戶(hù)來(lái)決定去向。
自定義的404頁(yè)面必須大于512字節(jié)，否則可能會(huì)出現(xiàn)ie默認(rèn)的404頁(yè)面。

ajax請(qǐng)求的404頁(yè)面返回
前幾天，一朋友出程序出問(wèn)題卻怎么查都沒(méi)看出問(wèn)題，于是讓我?guī)退纯?。其?shí)它是ajax請(qǐng)求了很多個(gè)模板，然后把模板寫(xiě)到頁(yè)面中。關(guān)鍵是所有請(qǐng)求的頁(yè)面都是200正常狀態(tài)碼返回，表面上看沒(méi)什么問(wèn)題，實(shí)際上有些請(qǐng)求雖然返回200狀態(tài)碼，但給回的狀態(tài)碼是200。webserver是nginx，直接告訴我應(yīng)該他們配置了nginx的404錯(cuò)誤頁(yè)面，雖然請(qǐng)求不存在的資源可以成功返回404頁(yè)面，但返回狀態(tài)碼確是200。

404.html
this is 404 page.

請(qǐng)求一個(gè)不存在的頁(yè)面：

ajax code:

$.ajax({
 url: "does_not_exist.html",
 success : function(response, textstatus){
 console.log(textstatus+":"+response);
 },
 error : function(xmlhttprequest, textstatus, errorthrown){
 console.log([xmlhttprequest, textstatus, errorthrown].join(","));
 }
});

執(zhí)行結(jié)果：

進(jìn)入object看看詳細(xì)：

找不到請(qǐng)求的頁(yè)面并返回404頁(yè)面信息，但狀態(tài)碼依然是200，所以jquery沒(méi)有走error函數(shù)回調(diào)而是直接走success回調(diào)了。
應(yīng)該是配置寫(xiě)的有問(wèn)題，于是打開(kāi)nginx.conf，發(fā)現(xiàn)他們配置這么寫(xiě)：

error_page 404 = /404.html;

于是我查閱官網(wǎng)文檔，把上面的表達(dá)式改寫(xiě)為：

error_page 404 /404.html;

然后重啟

d:\nginx-1.5.11>nginx.exe -s reload

再來(lái)試試：

再來(lái)看看ajax請(qǐng)求的：

明顯看到相比前面那條返回標(biāo)紅404狀態(tài)碼，下面console.log出來(lái)的是

[object object],error,not found

然后點(diǎn)擊進(jìn)入object看看：

status值是404。既實(shí)現(xiàn)返回404頁(yè)面，又能返回404狀態(tài)碼讓ajax請(qǐng)求能夠根據(jù)狀態(tài)碼判斷頁(yè)面請(qǐng)求狀況進(jìn)行錯(cuò)誤處理。

 下面是其它網(wǎng)友的補(bǔ)充：

一.nginx錯(cuò)誤頁(yè)面優(yōu)雅顯示的原因？
當(dāng)我們?cè)L問(wèn)網(wǎng)站時(shí)，由于特殊的原因，經(jīng)常會(huì)出現(xiàn)諸如403,404,503等錯(cuò)誤，這極大的影響用戶(hù)的訪問(wèn)體驗(yàn)，所以我們很有必要做一下錯(cuò)誤頁(yè)面的優(yōu)雅顯示，以提升用戶(hù)的瀏覽體驗(yàn)。

二.nginx下如何定義優(yōu)雅顯示的頁(yè)面呢？
下面我們就以404錯(cuò)誤為例，具體步驟如下：
1.創(chuàng)建自己的404.html頁(yè)面，放在站點(diǎn)目錄下面；
2.更改nginx.conf配置文件，在http模塊中加入 fastcgi_intercept_errors on;
3.更改nginx.conf配置文件，在server模塊中加入：error_page 404 /404.html; 或者 error_page 404 =http://www.hulala.com/404.html;
4.更改后檢查語(yǔ)法/nginx/sbin/nginx -t ，并重啟nginx;
現(xiàn)在，404錯(cuò)誤的頁(yè)面優(yōu)雅顯示已經(jīng)配置ok了。

舉一反三：502、403 等其他錯(cuò)誤可以用同樣的方法來(lái)配置。
error_page 500 502 503 504 /50x.html;
error_page 403 /403.html;
注意：
在nginx中錯(cuò)誤重定向生效的兩個(gè)前提條件是：設(shè)置了fastcgi_intercept_errors on,并且正確的設(shè)置了error_page這個(gè)選項(xiàng)。

關(guān)于“Nginx中404頁(yè)面怎么配置及AJAX請(qǐng)求返回404頁(yè)面”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。