NGINX 自定义404(或其他)error页面

时间:2022-04-02 01:32:06

有时候,有可能用户会访问到无效的链接或者空的产品。我们有必要向用户引导购买其他的产品,或者返回首页继续浏览等,以下是默认的404页面

NGINX 自定义404(或其他)error页面


以下是对nginx的配置进行修改,设置支持自定义 404 错误页面(Status 不是关于404的,而是nginx的访问状态,可以www.XXX.com/Status来进行访问)

NGINX 自定义404(或其他)error页面


以下是存放自定义404错误页面的目录

NGINX 自定义404(或其他)error页面


以下是访问自定义404页面的效果

NGINX 自定义404(或其他)error页面


以下是自定义404页面的代码



NGINX 自定义404(或其他)error页面


到此结束。如果想要做得更好看的自定义404页面,可以模仿其他网站,如


NGINX 自定义404(或其他)error页面


NGINX还有许多好玩的东西,如果感兴趣可以一起讨论NGINX的原理等等



另:


为指定位置设定一个404页面

  1. location /my_blog {
  2.     error_page    404 = /article_not_found.html;
  3. }

整个网站的404页面

  1. server {
  2. listen 80;
  3.     error_page  404  /page_not_found.html;
  4.     ...

你可以用单个错误页面一起来处理多个错误代码

  1. location /my_blog {
  2.  error_page 500 502 503 504 = /server_error.html
  3. }

重定向到一个完全不同的服务器,假设你在http区域定义有一个上游服务器server2:

  1. upstream server2 {
  2.     server 10.0.0.1:80;
  3. }
  4. server {
  5.     location /my_blog {
  6.         error_page    404 = @try_server2;
  7.     }
  8.     location @try_server2 {
  9.         proxy_pass http://server2;
  10.     }


实践过的案例:


     error_page 404 /404.html;
        location = /404.html {
                root /alidata/www/kj4s/fastcar;
                           }
        error_page 500 501 502 503 504 /505.html;
        location = /505.html {
                root /alidata/www/kj4s/fastcar;
                           }