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

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

404.html

This is 404 page.

请求一个不存在的页面:

b8e8c3ef1480b48e77a014df1de0365d.png

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

}

});

执行结果:

5e9e8747ad663f4a9ddb9de864e139ad.png

进入Object看看详细:

f442c9a348fac0f142536a19e9b415e0.png

找不到请求的页面并返回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

再来试试:

6fd313efc545a6a7f54c504ef7b8df0b.png

再来看看ajax请求的:

bb8291f7e7058b395123c026991a2e8b.png

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

[object Object],error,Not Found

然后点击进入Object看看:

8391389e3eeef4b9b1dc1add2200b453.png

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

(本文完)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值