Hot For Coding
Nginx定义404页面

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

404.html

This is 404 page.

请求一个不存在的页面:

full

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

执行结果

full

进入Object看看详细

full

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

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

error_page  404  =  /404.html;

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

error_page 404 /404.html;

然后重启,再来试试

full

再来看看Ajax请求的

full

明显看到相比前面那条返回标红404状态码,下面console输出

full

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

TITLE: Nginx定义404页面

LINK: https://www.qttc.net/428_nginx_404_page.html

NOTE: 转载内容请注明出处