大旗谷资源网 Design By www.zqyou.com

前几天,一朋友出程序出问题却怎么查都没看出问题,于是让我帮它看看。其实它是ajax请求了很多个模板,然后把模板写到页面中。关键是所有请求的页面都是200正常状态码返回,表面上看没什么问题,实际上有些请求虽然返回200状态码,但给回的状态码是200。WebServer是nginx,直接告诉我应该他们配置了nginx的404错误页面,虽然请求不存在的资源可以成功返回404页面,但返回状态码确是200。

404.html

复制代码 代码如下:
This is 404 page.

请求一个不存在的页面:

Nginx中定义404页面并且返回404状态码的正确方法

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(","));
    }
});

执行结果:

Nginx中定义404页面并且返回404状态码的正确方法

进入Object看看详细:

Nginx中定义404页面并且返回404状态码的正确方法

找不到请求的页面并返回404页面信息,但状态码依然是200,所以jQuery没有走error函数回调而是直接走success回调了。

应该是配置写的有问题,于是打开nginx.conf,发现他们配置这么写:

复制代码 代码如下:
error_page  404  =  /404.html;

于是我查阅官网文档,把上面的表达式改写为:

复制代码 代码如下:
error_page  404     /404.html;

然后重启

复制代码 代码如下:
D:\nginx-1.5.11>nginx.exe -s reload

再来试试:

Nginx中定义404页面并且返回404状态码的正确方法

再来看看ajax请求的:

Nginx中定义404页面并且返回404状态码的正确方法

明显看到相比前面那条返回标红404状态码,下面console.log出来的是

复制代码 代码如下:
[object Object],error,Not Found

然后点击进入Object看看:

Nginx中定义404页面并且返回404状态码的正确方法

status值是404。既实现返回404页面,又能返回404状态码让ajax请求能够根据状态码判断页面请求状况进行错误处理。

(本文完)

标签:
Nginx,定义404页面,返回404状态码

大旗谷资源网 Design By www.zqyou.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
大旗谷资源网 Design By www.zqyou.com

评论“Nginx中定义404页面并且返回404状态码的正确方法”

暂无Nginx中定义404页面并且返回404状态码的正确方法的评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。