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

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

404.html

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

请求一个不存在的页面:

%小知识:Nginx中定义404页面并且返回404状态码的正确方法-猿站网-插图

ajax Code:

1$.ajax({
2url: “does_not_exist.html”,
3success : function(Response, textStatus){
4console.log(textStatus+”:”+Response);
5},
6error : function(XMLHttpRequest, textStatus, errorThrown){
7console.log([XMLHttpRequest, textStatus, errorThrown].join(“,”));
8}
9});

执行结果:

%小知识:Nginx中定义404页面并且返回404状态码的正确方法-1猿站网-插图

进入Object看看详细:

%小知识:Nginx中定义404页面并且返回404状态码的正确方法-2猿站网-插图

找不到请求的页面并返回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状态码的正确方法-3猿站网-插图

再来看看ajax请求的:

%小知识:Nginx中定义404页面并且返回404状态码的正确方法-4猿站网-插图

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

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

然后点击进入Object看看:

%小知识:Nginx中定义404页面并且返回404状态码的正确方法-5猿站网-插图

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

(本文完)

声明: 猿站网有关资源均来自网络搜集与网友提供,任何涉及商业盈利目的的均不得使用,否则产生的一切后果将由您自己承担! 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除,制止非法恶意传播,不对任何下载或转载者造成的危害负任何法律责任!也请大家支持、购置正版! 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:2697268773@qq.com进行处理。
建站知识

小知识:使用VSCode的Remote-SSH连接Linux进行远程开发

2023-5-8 4:16:28

建站知识

小知识:Deepin下安装神器Pyenv的步骤记录

2023-5-8 4:24:59

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索