Nginx 自定义错误页面：提升用户体验
为 Nginx 错误（如 404 或 500）创建并配置自定义 HTML 页面，以提供有用的信息并打造更精致的用户体验。
当用户在访问你的网站时遇到错误（例如页面不存在或服务器故障）时，默认的 Nginx 错误页面通常显得单调且不友好。通过配置自定义错误页面，你可以保持品牌一致性，并为用户提供更有价值的引导。
1. 创建自定义错误页面
首先，在你的服务器上创建一个存放错误页面的目录，并编写 HTML 文件：
mkdir -p /var/www/html/errors
创建一个 404.html 文件：
<!DOCTYPE html>
<html>
<head><title>页面未找到</title></head>
<body>
<h1>哎呀！页面不见了</h1>
<p>很抱歉，您访问的页面不存在。请返回<a href="/">首页</a>。</p>
</body>
</html>
2. 配置 Nginx
编辑你的 Nginx 配置文件（通常位于 /etc/nginx/sites-available/default 或 nginx.conf），在 server 块中添加 error_page 指令：
server {
# ... 其他配置 ...
error_page 404 /errors/404.html;
error_page 500 502 503 504 /errors/50x.html;
location /errors/ {
alias /var/www/html/errors/;
}
}
3. 测试并重启
在应用更改之前，请务必检查配置文件的语法是否正确：
sudo nginx -t
如果显示 syntax is ok，则重新加载 Nginx：
sudo systemctl reload nginx
通过这些简单的步骤，你可以将枯燥的系统错误转化为品牌互动的一部分，从而显著提升网站的专业度。