Nginx中定義404頁面并且返回404狀態(tài)碼的正確方法
前幾天，一朋友出程序出問題卻怎么查都沒看出問題，于是讓我?guī)退纯?。其?shí)它是ajax請求了很多個模板，然后把模板寫到頁面中。關(guān)鍵是所有請求的頁面都是200正常狀態(tài)碼返回，表面上看沒什么問題，實(shí)際上有些請求雖然返回200狀態(tài)碼，但給回的狀態(tài)碼是200。WebServer是nginx，直接告訴我應(yīng)該他們配置了nginx的404錯誤頁面，雖然請求不存在的資源可以成功返回404頁面，但返回狀態(tài)碼確是200。
404.html
This is 404 page.
請求一個不存在的頁面：
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ì)：
找不到請求的頁面并返回404頁面信息，但狀態(tài)碼依然是200，所以jQuery沒有走error函數(shù)回調(diào)而是直接走success回調(diào)了。
應(yīng)該是配置寫的有問題，于是打開nginx.conf，發(fā)現(xiàn)他們配置這么寫：
error_page 404 = /404.html;
于是我查閱官網(wǎng)文檔，把上面的表達(dá)式改寫為：
error_page 404 /404.html;
然后重啟
D:\nginx-1.5.11>nginx.exe -s reload
再來試試：
再來看看ajax請求的：
明顯看到相比前面那條返回標(biāo)紅404狀態(tài)碼，下面console.log出來的是
[object Object],error,Not Found
然后點(diǎn)擊進(jìn)入Object看看：
status值是404。既實(shí)現(xiàn)返回404頁面，又能返回404狀態(tài)碼讓ajax請求能夠根據(jù)狀態(tài)碼判斷頁面請求狀況進(jìn)行錯誤處理。
（本文完）
- vue下使用nginx刷新頁面404的問題解決
- Nginx實(shí)現(xiàn)404頁面的幾種方法(三種)
- nginx反向代理服務(wù)因配置文件錯誤導(dǎo)致訪問資源時出現(xiàn)404
- NGINX服務(wù)器配置404錯誤頁面轉(zhuǎn)向的方法
- Nginx配置React項(xiàng)目Url后直接輸入路由路徑時報404問題的解決
- Nginx實(shí)現(xiàn)404頁面的方法小結(jié)
- PHP(FastCGI)在Nginx的alias下出現(xiàn)404錯誤的解決方法
- 一個等號引發(fā)的血案（談Nginx正確的404配置）
- NGINX下配置404錯誤頁面的方法分享
- Nginx tp3.2.3 404問題解決方案
相關(guān)文章
這篇文章主要介紹了Nginx Rewrite模塊應(yīng)用的幾種場景，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
蘋果M1芯片安裝nginx 并且部署vue項(xiàng)目步驟詳解
在本篇文章里小編給大家整理了一篇關(guān)于蘋果M1芯片安裝nginx 并且部署vue項(xiàng)目步驟詳解內(nèi)容，有需要的朋友們可以跟著學(xué)習(xí)參考下。2021-11-11
Nginx0.5.33+PHP5.2.5(FastCGI)搭建勝過Apache10倍的Web服務(wù)器
Nginx 0.5.31 + PHP 5.2.4（FastCGI）搭建可承受3萬以上并發(fā)連接數(shù)，勝過Apache 10倍的Web服務(wù)器的第2版，經(jīng)過了多臺服務(wù)器的測試。2009-10-10
nginx是多進(jìn)程并發(fā)模型的應(yīng)用，但為了網(wǎng)絡(luò)請求的安全性，必須要使用到鎖，那么這個進(jìn)程鎖如何實(shí)現(xiàn)呢2021-06-06
這篇文章主要介紹了Nginx反斜杠自動解碼問題解決方法,有些時候是不需要解碼的,可nginx缺會自動解碼,本文講解的就是如何解決這個問題,需要的朋友可以參考下2015-02-02
一些網(wǎng)站系統(tǒng)會經(jīng)常遭到各類XSS攻擊、點(diǎn)劫持等,從而造成重要信息的泄露以及服務(wù)器安全問題,本文就來介紹一下,感興趣的可以了解一下2023-11-11
這篇文章主要介紹了使用Nginx反向代理到go-fastdfs的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
Linux\Nginx 環(huán)境下虛擬域名配置及測試驗(yàn)證
這篇文章主要介紹了Linux\Nginx 虛擬域名配置及測試驗(yàn)證的步驟詳解，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
本文主要介紹了nginx?host繞過的三種方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
這篇文章主要介紹了nginx日志配置指令詳解,nginx有一個非常靈活的日志記錄模式,每個級別的配置可以有各自獨(dú)立的訪問日志,需要的朋友可以參考下2014-07-07