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

Janna ·

更新时间:2024-11-13

· 711 次阅读

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

执行结果：

进入Object看看详细：

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

再来试试：

再来看看ajax请求的：

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

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

然后点击进入Object看看：

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

（本文完）

您可能感兴趣的文章:Nginx实现404页面的方法小结Nginx中404页面的配置及AJAX请求返回404页面的方法Nginx服务器中配置404错误页面时一些值得注意的地方PHP统计nginx访问日志中的搜索引擎抓取404链接页面路径NGINX下配置404错误页面的方法分享为Nginx自定义404，502错误页面的方法Nginx实现404页面的几种方法(三种)

方法 404页面 Nginx 404

1024 个赞