Nginx中404页面怎么配置及AJAX请求返回404页面

404页面基础配置404错误是www网站访问容易出现的错误。最常见的出错提示:404 not found。404错误页的设置对网站seo有很大的影响,而设置不当,比如直接转跳主页等,会被搜索引擎降权拔毛。404页面的目的应该是告诉用户:你所请求的页面是不存在的,同时引导用户浏览网站其他页面而不是关掉窗口离去。搜索引擎通过http状态码来识别网页的状态。当搜索引擎获得了一个错误链接时,网站应该返回404状态码,告诉搜索引擎放弃对该链接的索引。而如果返回200或302状态码,搜索引擎就会为该链接建立索引,这导致大量不同的链接指向了相同的网页内容。结果是,搜索引擎对网站的信任度大幅降低。下面是lnmp设置nginx 404错误页教程:1、

vi /usr/local/nginx/conf/nginx.conf

编辑nginx配置文件,在http 区段添加下面代码:

fastcgi_intercept_errors on;

2、编辑网站配置文件,比如本站:

vi /usr/local/nginx/conf/vhost/onelone.com.conf

,在server 区段添加下面代码:

error_page 404 = /404.html;

注意:有网友测试上行代码需要去掉等号才会返回正确的404状态,所以请同学们自行测试是否要去掉等号。

3、测试配置文件是否正确:

/usr/local/nginx/sbin/nginx -t

,返回下面代码通过:

the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok

Nginx服务器404页面怎么配置


configuration file /usr/local/nginx/conf/nginx.conf test is successful

4、重启lnmp生效:/root/lnmp restart 。

5、404错误页面制作的注意事项:(1)不要将404错误转向到网站主页,否则可能会导致主页在搜索引擎中被降权或消失。   (2)不要使用绝对url,如果使用绝对url返回的状态码是302+200,这样会产生大量的重复网页。(3)404页面设置完成,一定要检查是否正确。http头信息返回的一定要是404状态。这个可以通过服务器头部信息检查工具进行检查。(4)404页面不要自动跳转,让用户来决定去向。自定义的404页面必须大于512字节,否则可能会出现ie默认的404页面。

ajax请求的404页面返回前几天,一朋友出程序出问题却怎么查都没看出问题,于是让我帮它看看。其实它是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错误页面优雅显示的原因?当我们访问网站时,由于特殊的原因,经常会出现诸如403,404,503等错误,这极大的影响用户的访问体验,所以我们很有必要做一下错误页面的优雅显示,以提升用户的浏览体验。

二.nginx下如何定义优雅显示的页面呢?下面我们就以404错误为例,具体步骤如下:1.创建自己的404.html页面,放在站点目录下面;2.更改nginx.conf配置文件,在http模块中加入 fastcgi_intercept_errors on;
3.更改nginx.conf配置文件,在server模块中加入:error_page 404 /404.html;
或者 error_page 404 =http://www.hulala.com/404.html;
4.更改后检查语法/nginx/sbin/nginx -t ,并重启nginx;
现在,404错误的页面优雅显示已经配置ok了。

举一反三:502、403 等其他错误可以用同样的方法来配置。error_page 500 502 503 504 /50x.html;
error_page 403 /403.html;
注意:在nginx中错误重定向生效的两个前提条件是:设置了fastcgi_intercept_errors on,并且正确的设置了error_page这个选项。



Nginx是在Web服务器领域中应用广泛的一款开源的高性能Web服务器,它在支持高并发高负载的同时,还提供了非常灵活的配置选项。在使用Nginx的过程中,遇到404页面的情况非常普遍,因此配置Nginx的404页面也显得非常重要。接下来,本文将介绍如何在Nginx中配置404页面,并针对AJAX请求返回404的问题进行分析。
一、 配置Nginx服务器404页面
1、Nginx是如何处理404页面的?
当Nginx服务器无法找到所请求的资源时,将会返回404错误码。默认情况下,Nginx会返回给客户端一个简单的404页面。这个404页面是Nginx自带的,很多时候并不能满足我们的需求,因此我们需要自定义404页面。
2、 如何自定义Nginx的404页面?
下面是一个示例配置:
在http块里配置:
```
error_page 404 /404.html;
location = /404.html {
internal;
root /var/www/html;
}
```
- error_page 404 /404.html; 可以设置Nginx的404页面重定向到网站根目录下的404.html页面;
- location = /404.html {internal; root /var/www/html;} 可以确保Nginx返回的是站内的404 HTML文件,而不是内嵌的默认的404页面。
二、 AJAX请求返回404页面怎么处理?
1、AJAX请求出错的原因
在JavaScript中,我们使用AJAX技术向Nginx服务器发送请求,如果请求的资源不存在,Nginx将会返回一个404错误码;此时,AJAX会在控制台显示一个错误信息。这种情况下,页面并不会刷新,用户可以尝试重新请求资源,但请求仍然会被发送到服务器上,从而导致服务器压力增加。
2、如何解决?
使用jQuery的ajaxError()方法可以处理错误的请求:
```
$( document ).ajaxError(function( event, jqxhr, settings, thrownError ) {
if ( jqxhr.status == 404 ) {
alert('页面不存在!')
}
});
```
在这个示例中,当AJAX请求返回404页面时,会弹出一个警告框,提示用户所请求的页面不存在。这种做法可以带来更好的用户体验。
建议在提示用户之后,不要继续发送无用的请求,可以在用户重新请求前,等待一段时间或者禁止用户继续请求。
三、 总结
在本文中,我们谈到了如何配置Nginx服务器的404页面以及如何处理AJAX请求返回404页面的问题。我们发现,配置Nginx的404页面非常简单,只需要添加几行代码即可。而处理AJAX请求出错的问题,可以使用户更加友好地获得提示,避免无效请求的发送。在使用Nginx的过程中,了解这些小技巧可以使我们更加快速地解决问题,并提高网站运行效率。