前面已经完成EdgeOne缓存策略、WAF防护、防盗链、缓存刷新预热的基础配置，本篇介绍自定义错误页面的设置方法。站点出现链接失效、权限拦截、回源异常时，默认的系统报错界面较为生硬，配置专属的错误页面之后，可以引导访客返回站内正常页面，降低访客流失。本篇结合本人WordPress、Typecho建站实测，分享完整的配置流程与避坑要点。
一、EdgeOne自定义错误页面基础说明
EdgeOne自定义错误页面，就是当CDN返回指定HTTP状态码的时候，展示一份提前设置好的静态页面，常用状态包含404、403、502、504。该功能运行在边缘节点，不会请求源站页面，即便后端服务器暂时无法访问，自定义页面依旧能够正常显示。
需要区分一项细节：自定义错误页优先级高于源站自带的404页面，开启之后，访客不会再看到服务器程序自带的报错模板。
二、建站常用状态码适配场景
不同状态码对应的故障场景不一样，可以按需挑选需要启用的页面。
1、404：页面不存在、链接录入错误、旧文章删除跳转失效，属于博客站点使用频次较高的一类。
2、403：访问权限受限，一般由WAF规则、IP访问管控、防盗链拦截触发。
3、502、504：源服务器无法连通、程序超时，服务器宕机或者程序报错的时候触发。
普通个人博客，优先配置404页面即可，其余报错状态可以根据自身运维需求酌情添加。
三、WordPress站点配置实操要点
WordPress本身自带主题内置404模板，如果打算沿用这套页面，不建议开启EdgeOne404自定义页面，避免层级冲突。
1、想要统一全站报错样式，可以单独制作一份独立静态HTML，上传到源站可访问路径，填入EdgeOne跳转地址。
2、自定义页面当中引用的图片、样式文件，域名务必填写完整，避免出现素材加载空白。
3、页面尺寸不宜过大，静态代码尽量精简，减少边缘节点加载耗时。
如果开启页面缓存，记得在提交自定义页面之后执行一次URL刷新，确保节点读取最新版本。
四、Typecho站点配置实操要点
Typecho的404效果由当前启用主题控制，切换主题之后自带报错页面样式会同步变动。
1、使用EdgeOne托管自定义错误页，可以脱离主题控制，样式长期保持统一。
2、静态页面存放路径不要放置在usr/uploads上传目录以外的受限位置，防止CDN无法正常拉取。
3、页面内部设置返回首页的链接，方便访客回到站点主页浏览其他内容。
设置完成之后，可以手动输入一条不存在的站内链接，验证页面展示效果。
五、EdgeOne自定义错误页面完整操作步骤
登录EdgeOne控制台，选中目标域名，依次打开规则引擎‑自定义错误页面功能页面。
点击添加规则，勾选需要接管的HTTP状态码，可以单选也可以多选。
支持填写外部跳转链接，或是直接粘贴完整静态HTML代码，按需选择对应的模式。
确认代码、访问链接无误，提交发布，规则下发至各个边缘节点需要一小段时间。
浏览器开启无痕模式，访问一条无效链接，查看自定义报错页面能否正常渲染。
六、站长常见故障排查
设置完成之后依旧显示默认报错，首先确认规则是否成功发布，其次核对状态码选择是否正确。自定义页面图片空白，大多是素材使用了相对路径，改为完整https绝对地址即可修复。
不要在自定义页面当中放置大量动态脚本，边缘节点仅承载静态内容，部分动态代码无法正常运行。
上面是个人博客较为常用的错误状态码，可以直接选用配置。
文末互动
如果你正在使用EdgeOne托管WordPress或者Typecho站点，可以参考上面这套配置思路。调试自定义错误页面遇到异常问题，可以在评论区留言交流。
至此，基础的EdgeOne站长运维系列教程全部写完。
![表情[baoquan]-服务器测评_云 VPS 推荐_运维技术教程与源码分享 - 环球云域数据平台 cloudidc.vip](https://cloudidc.vip/wp-content/themes/zibll/img/smilies/baoquan.gif)
暂无评论内容