Nginx 錯誤頁面自定義
通常在項目當中會自定義項目的錯誤界面,當請求不對或者請求錯誤什麼的就會返回一個對用戶比較友好的提示界面。
今天打算升級自己的博客客戶端,發現在關閉博客程序後再次訪問會跳轉到Nginx的502錯誤界面,就想着能不能自定義一下錯誤界面。
第一步:準備錯誤界面
文件名爲:50x.html
<!DOCTYPE html>
<html>
<head>
<title>Error</title>
<style>
body {
width: 35em;
margin: 0 auto;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
</style>
</head>
<body>
<h1>系統出錯或升級當中</h1>
<p>請稍後嘗試或聯繫[email protected]</p>
</body>
</html>
第二步:修改配置文件
修改nginx 的conf配置文件 (在nginx安裝包的conf目錄下)
完整配置如下:
server {
listen 443 ssl;
server_name www.hjljy.cn;
ssl on;
ssl_certificate ../cert/1864683_www.hjljy.cn.pem;
ssl_certificate_key ../cert/1864683_www.hjljy.cn.key;
ssl_session_timeout 5m;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on;
# 自定義錯誤頁面相關配置
# 開啓錯誤攔截代理
proxy_intercept_errors on;
#錯誤頁面設置爲50x.html
error_page 500 502 503 504 /50x.html;
location = /50x.html {
# 50x.html文件所在路徑
root /usr/local/nginx/html/myerror;
}
# 自定義錯誤頁面相關配置結束
location / {
proxy_pass http://127.0.0.1:8081;
proxy_set_header Host $host:$server_port;
proxy_set_header X-Real-IP $remote_addr;
}
}
}
最後訪問地址:www.hjljy.cn 成功跳轉到50x.html界面