现在利用haproxy实现自定义的haproxy的错误页面

我们现在实现自定义错误页面有以下的方法；

一种是自定义错误页面

haproxy.conf

defaults

    errorfile 404 /etc/haproxy/errors/404.http

    errorfile 503 /etc/haproxy/errors/503.http

还有一种方法就是错误页面的跳转：

当出现错误的时候，我们跳转到指定的链接地址

frontend web_server
    bind *:80
    default_backend webserver
    acl badguy src 10.0.10.1
    block if badguy
    errorloc 403 http://baidu.com/  

这样出错的时候直接跳转到指定的ＵＲＬ地址。即百度页面

记录一下我这里的实现过程

应同事需求，让前端用ｊｓ写了一个页面，然后放在５０３页面上

503.html文件内容是：

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title>503</title>

		<style>

			*{

			margin:0;

			padding:0;

		}

		    .article{

			   position:absolute;

			   top:50%;

				left:50%;

				transform: translate(-50%,-50%);

		    }

			.content{

				width:312px;

				height:250px;

				border:3px solid #959595;

				border-radius: 8px;

				/*margin:0 auto;*/

			}

			.content header{

				width: 312px;

				height:37px;

				border-bottom: 2px solid #959595;

			}

			.content header i{

				display: block;

				width:15px;

				height:15px;

				border-radius: 50%;

				background-color:#959595 ;

				float:left;

				margin:10px 9px;

			}

			.content header i.white{

				width:10px;

				height:10px;

				border:3px solid #959595;

				background-color: #fff;

			}

			.content header em{

				float:right;

				display: block;

				width:16px;

				height:16px;

				border:3px solid #959595;

				border-radius: 50%;

				margin:7px 17px;

				font-style: normal;

				font:22px/13px "微软雅黑";

				color:#959595;

			}

			.content .main h1 {

				height:206px;

				font:bold 100px/206px "微软雅黑";

				color:#959595;

				text-align: center;

			}

			h2{

				font:30px/110px "微软雅黑";

				color:#666666;

				margin-left: -14px;

			}

		</style>

	</head>

	<body>

	  <div class="article">

		<div class="content">

			<header>

				<div class="left">

					<i></i>

					<i></i>

					<i class="white"></i>

				</div>

				<div class="right">

					<em>×</em>

				</div>

			</header>

			<div class="main">

				<h1>503</h1>

			</div>

		</div>

	  </div>

	</body>

</html>

但是我们要用在haproxy的话，我们需要在文件头添加如下几行内容（注意了，两个之间需要有一个空行，一定不能忘了）：

HTTP/1.0 503 Service Unavailable

Cache-Control: no-cache

Connection: close

Content-Type: text/html

拼接后的文件内容为503.http(把503.html修改成503.http)

HTTP/1.0 503 Service Unavailable

Cache-Control: no-cache

Connection: close

Content-Type: text/html

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title>503</title>

		<style>

			*{

			margin:0;

			padding:0;

		}

		    .article{

			   position:absolute;

			   top:50%;

				left:50%;

				transform: translate(-50%,-50%);

		    }

			.content{

				width:312px;

				height:250px;

				border:3px solid #959595;

				border-radius: 8px;

				/*margin:0 auto;*/

			}

			.content header{

				width: 312px;

				height:37px;

				border-bottom: 2px solid #959595;

			}

			.content header i{

				display: block;

				width:15px;

				height:15px;

				border-radius: 50%;

				background-color:#959595 ;

				float:left;

				margin:10px 9px;

			}

			.content header i.white{

				width:10px;

				height:10px;

				border:3px solid #959595;

				background-color: #fff;

			}

			.content header em{

				float:right;

				display: block;

				width:16px;

				height:16px;

				border:3px solid #959595;

				border-radius: 50%;

				margin:7px 17px;

				font-style: normal;

				font:22px/13px "微软雅黑";

				color:#959595;

			}

			.content .main h1 {

				height:206px;

				font:bold 100px/206px "微软雅黑";

				color:#959595;

				text-align: center;

			}

			h2{

				font:30px/110px "微软雅黑";

				color:#666666;

				margin-left: -14px;

			}

		</style>

	</head>

	<body>

	  <div class="article">

		<div class="content">

			<header>

				<div class="left">

					<i></i>

					<i></i>

					<i class="white"></i>

				</div>

				<div class="right">

					<em>×</em>

				</div>

			</header>

			<div class="main">

				<h1>503</h1>

			</div>

		</div>

	  </div>

	</body>

</html>

最后修改一下haprox.cfg的配置文件

errorfile       503 /etc/haproxy/errfile/503.http

重启一下haproxy。完成

参考文件：

http://blief.blog.51cto.com/6170059/1752669

http://qiita.com/myaaaaa_chan/items/23de67f76a70030ccde9

haproxy实现自定义错误页面的内容的更多相关文章

  1. ASP.NET Core中显示自定义错误页面

    在 ASP.NET Core 中,默认情况下当发生500或404错误时,只返回http状态码,不返回任何内容,页面一片空白. 如果在 Startup.cs 的 Configure() 中加上 app. ...

  2. ASP.NET全局错误处理和异常日志记录以及IIS配置自定义错误页面

    应用场景和使用目的 很多时候,我们在访问页面的时候,由于程序异常.系统崩溃会导致出现黄页.在通常的情况下,黄页对于我们来说,帮助是极大的,因为它可以帮助我们知道问题根源,甚至是哪一行代码出现了错误.但 ...

  3. Spring Boot自定义错误页面，Whitelabel Error Page处理方式

    我已经是Spring Framework框架的忠实粉丝.对于企业软件开发者来说它提供了对常见问题的通用解决方案,包括那些你在未来开发中没有意识到的问题.但是,它构建的J2EE项目变得比较臃肿,需要被一 ...

  4. ASP.NET自定义错误页面

    ASP.NET自定义错误页面 ASP.NET 提供三种用于在出现错误时捕获和响应错误的主要方法:Page_Error 事件.Application_Error 事件以及应用程序配置文件 (Web.co ...

  5. ASP.NET网站中设置404自定义错误页面

    在用ASP.NET WebForm开发一个网站时,需要自定义404错误页面. 做法是这样的 在网站根目录下建立了一个404.html的错误页面,然后在Global.asax文件中,加入如下代码: &l ...

  6. .net自定义错误页面实现升级篇

    问题描述: 在上一篇博文 ".net自定义错误页面实现" 中已经介绍了在.net中如何实现自定义错误页面实现(有需要者可以去上一篇博文了解),单纯按照上一篇博文那样设置,能够实现所 ...

  7. (后端)Spring Boot自定义错误页面，Whitelabel Error Page处理方式(转)

    我已经是Spring Framework框架的忠实粉丝.对于企业软件开发者来说它提供了对常见问题的通用解决方案,包括那些你在未来开发中没有意识到的问题.但是,它构建的J2EE项目变得比较臃肿,需要被一 ...

  8. flask模板应用-自定义错误页面

    自定义错误页面 当程序返回错误响应时,会渲染一个默认的错误页面,我们可以注册错误处理函数来处理错误页面 错误处理函数和视图函数很相似,返回值将作为响应的主题,因此我们先要创建错误页面的模板文件.为了和 ...

  9. Springboot - 自定义错误页面

    Springboot 没找到页面或内部错误时,会访问默认错误页面.这节我们来自定义错误页面. 自定义错误页面 1.在resources 目录下面再建一个 resources 文件夹,里面建一个 err ...

随机推荐

  1. Android系统的五种数据存储形式（一）

    Android系统有五种数据存储形式,分别是文件存储.SP存储.数据库存储.contentprovider 内容提供者.网络存储.其中,前四个是本地存储.存储的类型包括简单文本.窗口状态存储.音频视频 ...

  2. iOS 10 ：用 UIViewPropertyAnimator 编写动画

    英文:shinobicontrols 译文:戴仓薯 链接:http://www.jianshu.com/p/4244cf130478 [iOS 10 day by day] Day 1:开发 iMes ...

  3. 记CentOS-7-x86_64-DVD-1503与Windows7单硬盘双系统的安装

    我最初的设想是:Win引导CentOS,最后却变成了CentOS引导Win了.算是‘弄拙成巧’了吧. 因为我打算用U盘刻录镜像直接从U盘启动,所以不需要网上一些教程里面的繁琐的win下引导CentOS ...

  4. java读取.properties文件

    在web开发过程中,有些配置要保存到properties文件里,本章将给出一个工具类,用来方便读取properties文件. 案例: 1:config.properties文件 name=\u843D ...

  5. 初刷LeetCode的感受

    自从上个月进入实验室的云安全项目组后,因为要接触到实际的代码,在实验室博士的建议下我们项目组的硕士开始刷LeetCode练习编程能力,保持每周抽空刷几道算法题.虽然刷的不多,到现在一共只刷了不到30题 ...

  6. 《java JDK7 学习笔记》之对象封装

    1.构造函数实现对象初始化流程的封装.方法封装了操作对象的流程.java中还可以使用private封装对象私有数据成员.封装的目的主要就是隐藏对象细节,将对象当做黑箱子进行操作. 2.在java命名规 ...

  7. WEB开发中的字符集和编码

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,bi ...

  8. Ubuntu配置Ruby和Rails

    安装curl sudo apt-get install curl 安装RVM curl -L https://get.rvm.io | bash -s stable 通过RVM来安装Ruby rvm ...

  9. Catalan数应用整理

    应用一: codevs 3112 二叉树计数  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 黄金 Gold   题目描述 Description 一个有n个结点的二叉树总共有 ...

  10. 【Python数据分析】工作日发文章比周末发文章访问量高？

    前言 看前面有位朋友分析了一下每天某个时间发文章的访问量区别,以讨论非系统性因素对文章访问量的影响.之所以进一步讨论工作日和周末发文对文章访问量的影响,一是觉得很有意思,二是毕业设计与此有很大关系,三 ...