NGINX 配置404错误页面转向

使用Nginx作为网站后台时,自定义404页面

修改文件前,请备份相关文件!!!

方法一

使用Nginx作为网站后台,出现的404界面比较丑陋。任何自定义呢?

我使用宝塔面板,进入面板。

NGINX 配置404错误页面转向

找到第67行的:

 #error_page   404   /404.html;
        include enable-php.conf;

删除“#”符号。再将自定义的404.html文件放置于网站根目录即可。

注意,修改之前请备份相关文件。

资料来源:

  • http://www.cnblogs.com/jiangyao/archive/2010/07/10/1774981.html
  • https://www.cnyunwei.cc/archives/516

方法二:

来源于:

https://www.miaoroom.com/course/wordpress-skill/bt-404-error-page.html

第一:进入宝塔面板->点击网站-> 选择你的网站,点击 设置-> 点击 配置文件

我们点击设置可以看到一个功能面板。

NGINX 配置404错误页面转向

然后找到如下命令:

error\_page 404  /404.html;
error\_page 502  /502.html;

使用 # 注释它们即可:

#error\_page 404 /404.html;
#error\_page 502 /502.html;

保存后及时生效,不行的话重启一次。这样便将Bt(宝塔面板)的默认 404 页面和 502 页面修改成了原本主题自带的404页面了。


http://www.cnblogs.com/jiangyao/archive/2010/07/10/1774981.html

NGINX 配置404错误页面转向

什么是404页面

如果碰巧网站出了问题,或者用户试图访问一个并不存在的页面时,此时服务器会返回代码为404的错误信息,此时对应页面就是404页面。404页面的默认内容和具体的服务器有关。如果后台用的是NGINX服务器,那么404页面的内容则为:404 Not Found 

为什么要自定义404页面

在访问时遇到上面这样的404错误页面,我想99%(未经调查,估计数据)的用户会把页面关掉,用户就这样悄悄的流失了。如果此时能有一个漂亮的页面能够引导用户去他想去的地方必然可以留住用户。因此,每一个网站都应该自定义自己的404页面。

NGINX下如何自定义404页面

IIS和APACHE下自定义404页面的经验介绍文章已经非常多了,NGINX的目前还比较少,为了解决自家的问题特地对此作了深入的研究。研究结果表明,NGINX下配置自定义的404页面是可行的,而且很简单,只需如下几步:

1.创建自己的404.html页面 

2.更改nginx.conf在http定义区域加入: fastcgi_intercept_errors on; 

3.更改nginx.conf(或单独网站配置文件,例如在nginx -> sites-enabled下的站点配置文件 )

中在server 区域加入: error_page 404 /404.html 或者 error_page 404 =http://www.xxx.com/404.html

4.更改后重启nginx,,测试nginx.conf正确性: /opt/nginx/sbin/nginx –t 

#502 等错误可以用同样的方法来配置。  

error_page 500 502 503 504 /50x.html; 

注意事项:

1.必须要添加:fastcgi_intercept_errors on; 如果这个选项没有设置,即使创建了404.html和配置了error_page也没有效果。fastcgi_intercept_errors 语法: fastcgi_intercept_errors on|off 默认: fastcgi_intercept_errors off 添加位置: http, server, location 默认情况下,nginx不支持自定义404错误页面,只有这个指令被设置为on,nginx才支持将404错误重定向。这里需要注意的是,并不是说设置了fastcgi_intercept_errors on,nginx就会将404错误重定向。在nginx中404错误重定向生效的前提是设置了fastcgi_intercept_errors on,并且正确的设置了error_page这个选项(包括语法和对应的404页面) 

2.不要出于省事或者提高首页权重的目的将首页指定为404错误页面,也不要用其它方法跳转到首页。 

3.自定义的404页面必须大于512字节,否则可能会出现IE默认的404页面。例如,假设自定义了404.html,大小只有11个字节(内容为:404错误)。

http://www.jyboke.com


https://www.cnyunwei.cc/archives/516

nginx 配置自定义404页面

nginx 作为web服务器,如果没有自定义过404设置,一般一个“404 Not Found”的页面提示,作为网站访问,自然希望即使是报错页面也要做的美观一点。

1.开启nginx自定义设置,需要先在ngnix.conf 文件中添加 fastcgi_intercept_errors on;

nginx.conf 文件http 区域添加

http {
    .......
    fastcgi_intercept_errors on;

2. 在对应的虚拟主机配置文件中定义404文件路径,直接在server 区域中增加,当然对于的404.html文件要放到站点根目录下

server {
listen 80;
server_name www.susecui.cn  ;
access_log /home/susecui.cn.log combined;
index index.html index.htm index.php;
root /home/susecui;
 
error_page 404 /404.html;
我自己测试出来的error_page 404  不能加等号,有的教程提示为error_page 404 = /404.html; 

3.重启一下nginx 访问测试

service nginx restart

404页面可以自行搜索,然后到对应的模板网站下载自己编辑下即可。

0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论