利用nginx的反向代理来实现 服务器404 和500 等状态码的自定义页面
1.nginx配置文件 nginx.conf 配置开启代理错误拦截 和配置页面 下划线部分
http { ...... proxy_intercept_errors on; fastcgi_intercept_errors on; server { ...... error_page 404 /notfind.html; error_page 500 /error.html; error_page 502 503 504 /error502.html; } }
2.编写自定义页面,将页面放置在nginx路径下的html 文件夹下 页面中用到的图片什么的都放置与此文件夹下
3.重启nginx 配置生效 OK
404页面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8" http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="icon" type="image/x-icon" href="http://zhaixt.info/icon.ico" /> <title>404-对不起!您访问的页面不存在</title> <style type="text/css"> .head404{ width:580px; height:234px; margin:50px auto 0 auto; background:url(http://zhaixt.info/head404.png) no-repeat; } .txtbg404{ width:499px; height:169px; margin:10px auto 0 auto; background:url(http://zhaixt.info/txtbg404.png) no-repeat;} .txtbg404 .txtbox{ width:390px; position:relative; top:30px; left:60px;color:#eee; font-size:13px;}