胸怀万里世界， 放眼无限未来。这篇文章主要讲述Nginx配置带静态资源的50x维护页面相关的知识，希望能为你提供帮助。
前几天开发找我要求给应用系统配置一个自定义的停机维护页面，开发原先按nginx示例中的error_page方式配置：
?
error_page
500 502 503 504
/maintenance.html;
?
?
location =/maintenance.html ?
?
root
html;
?
?
?
虽然能运行，但无法显示图片和样式，体验不好。
页面（maintenance.html）和资源(maintenance_files目录)放在nginx的html目录下：
很显然，如果只有单独一个html页面这种配置方式是管用的，但html引用了css和gif资源，这些资源的请求会匹配到其他规则上。 这种情况网上的做法通常是增加.css，.gif这些后缀名的拦截规则，重定向到本地访问。
我这里考虑到文件少，修改内容方便，将html移到maintenance_files目录下（移动后注意修改html代码中css和图片的引用相对路径），将所有文件整合到一个目录里：
通过路径前缀匹配，可以一条规则就搞定：
?
error_page
500 502 503 504
/maintenance_files;
?
?
location ^~ /maintenance_files ?
?
root
html;
?
?
index
maintenance.html;
?
?
?
测试结果显示出完整页面内容！
【Nginx配置带静态资源的50x维护页面】
推荐阅读
- #yyds干货盘点# 前端模块化的全面总结
- CentOS系统利用自带防火墙搭建端口代理服务
- rsync 远程文件同步+实验
- Golang+Vue实战容器多集群管理平台开发
- #yyds干货盘点#CSS实现loading效果效果
- #yyds干货盘点# 07 MySQL数据排序
- SQL审核平台 Archery 之配置 DingDing 通知篇
- 日志管理系统，多种方式总结
- #yyds干货盘点#推荐14 个写好 Java 代的习惯