自定义阿里云ESA边缘安全加速拦截页面
前刷时间悦然wordpress建站因为实在受不了CDN流量的持续盗刷，把原来的CDN加速服务换到了阿里云的ESA边缘安全加速，ESA自带WAF，可以拦截大多数普通攻击和流量盗刷。一旦有访问触发了拦截，它会显示拦截页面，或者是设置滑块验证。
折腾了一会我发现ESA还可以自定义拦截页面，这个功能有点意思，虽然没啥实质作用。因为你拦截的可能都不是真人，而是机器人，拦截页面显示的内容对他们没用。不过，有总比没有好吧。接下来给大家分享如何设置阿里云ESA自定义拦截页面内容。（前提是你的网站已经接入到了阿里云ESA）
步骤一
登陆阿里云，打开边缘安全加速ESA的概览页面。
在左边的全局配置中打开【自定义页面】，然后点创建自定义页面。
步骤二
在自定义页面中，名称记得用英文的。页面类型默认选html。然后它里面会有一个默认的代码，就是官方默认拦截页面。这个页面的修改是有限制的，不要做的太复杂，内容不能太多。建议就在它原来基础上加点文字内容就好了。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<title>403 Forbidden</title>
<style>
html,
body {
height: 100%;
display: flex;
flex-direction: column;
}
.ei,
.et {
text-align: center;
}
.ei {
margin-top: auto;
}
.et {
margin-bottom: auto;
}
.eext {
margin-bottom: 24px;
font-weight: 600;
font-size: 24px;
}
.edesc p {
margin: 4px 0;
}
.ft {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
}
</style>
</head>
<body>
<div class="ei">
<img
src="https://img.alicdn.com/imgextra/i1/O1CN01AJINqe1Gs78CdafLB_!!6000000000677-2-tps-340-213.png"
alt=""
/>
</div>
<div class="et">
<div class="eext">抱歉，您已经被暂时拦截，请过会再访问！
</div>
<div class="edesc">
<p>温馨提示：网络并非法外之地！</p>
<p>你的提示内容1</p>
<p>你的提示内容2</p>
<p>你的提示内容3</p>
<p>RequestID:<span id="requestId">{{REQUEST_ID}}</span></p>
<p>RuleID:<span id="ruleId">{{RULE_ID}}</span></p>
</div>
</div>
<div class="ft">
<img
src="https://img.alicdn.com/imgextra/i3/O1CN01cbXEkr1OoSoxCWg61_!!6000000001752-55-tps-187-24.svg"
alt=""
/>
</div>
</body>
</html>上面是悦然wordpress建站修改之后的HMTL源码，其中中文部分可以按需修改为你自己的内容，一般可以填写一下提示内容，或警告内容。里面图片url建议默认，如果要修改尽量不要用源站的图片链接。上面的源码可以直接修改一下文字内容，粘贴到你的ESA自定义页面源码中即可。
步骤三
然后打开ESA中的站点，在所有可以设置拦截的地方都修改一下拦截页面，选我们之前自定义添加的页面，然后确定保存。
效果
当有用户或机器触发拦截规则时，他们的浏览器就会显示上面的内容😀。
wordpress外贸建站服务
WORDPRESS外贸建站案例
wordpress主机/服务器推荐
wordpress外贸建站课程
玩转云服务器和虚拟主机
建站案例欣赏
网站模板
常见问题
© Copyright 2024. 悦然网络工作室/悦然wordpress建站 专注中小企业wordpress建站 All Rights Reserved.网站地图
本站图片来源为Pexels、Pixabay、Freepik、Unsplash等图片库的免费许可，CC0协议;还有部分为自己手绘，版权碰瓷请自重！法律服务：law@yueranseo.com 蜀ICP备20016391号-1 
川公网安备 51011502000367号
