nginx 自定义 404、50x 错误页面的实现

 更新时间:2024年12月22日 09:23:16   作者:Man_In_The_Night  
本文主要介绍了nginx 自定义 404、50x 错误页面的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

环境 centos7.6、 nginx 1.16.1

1、安装 nginx,需要配置 epel 源(略)

yum install -y nginx

2、启动 nginx

systemctl start nginx
systemctl enable nginx

3、配置 nginx 反向代理 http://10.2.1.16。
开通 nginx 服务器访问 10.2.1.16 端口权限(略)
这里配置 worker_processes 4,一般根 cpu 核数一致
worker_connections 1024,跟内存大小相关
修改 404 html 页面到 custom_404.html
修改 50x html 页面到 custom_50x.html

[root@ansible002 ~]# cat /etc/nginx/nginx.conf
user nginx;
worker_processes 4;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
    worker_connections 1024;
}

http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 2048;

    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;

    # Load modular configuration files from the /etc/nginx/conf.d directory.
    # See http://nginx.org/en/docs/ngx_core_module.html#include

    # for more information.
    include /etc/nginx/conf.d/*.conf;

    server {
        listen 90;
        server_name localhost;

        include /etc/nginx/default.d/*.conf;

        location / {
        proxy_pass http://10.2.1.16;
        }
      
       #修改 404 html 页面到 custom_404.html
        error_page 404 /custom_404.html;
        location /custom_404.html {
        root /usr/share/nginx/html;
        internal;
        }
        
       #修改 50x html 页面到 custom_50x.html
        error_page 500 502 503 504 /custom_50x.html;
        location /custom_50x.html {
        root /usr/share/nginx/html;
        internal;
        }

    }
}

4、编辑 404、50x html 文件

[root@ansible002 ~]# cat /usr/share/nginx/html/custom_404.html 
<h1 style='color:red'>Error 404: Not found :</h1>
<p>I have no idea where that file is, sorry.  Are you sure you typed in the correct URL?</p>
[root@ansible002 ~]# cat /usr/share/nginx/html/custom_50x.html 
<h1>Oops! Something went wrong...</h1>
<p>We seem to be having some technical difficulties. Hang tight.</p>

5、更新 nginx 配置

nginx -s reload

6、测试

访问一个不存在的页面测试 404,比如 http://nginx_ip/xxx
修改 proxy_pass http://10.2.1.16 为proxy_pass http://10.2.1.16:9099;,代理一个不存在的服务,nginx -s reload, 访问 http://nginx_ip 测试 50x

到此这篇关于nginx 自定义 404、50x 错误页面的实现的文章就介绍到这了,更多相关nginx 404、50x 错误页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Nginx 安装配置及常用命令详解

    Nginx 安装配置及常用命令详解

    本文介绍了Nginx的安装、配置和启动等步骤,详细介绍了Nginx的配置文件结构和常用命令,感兴趣的朋友跟随小编一起看看吧
    2026-04-04
  • lnmp环境中如何为nginx开启pathinfo

    lnmp环境中如何为nginx开启pathinfo

    这篇文章主要介绍了lnmp环境中如何为nginx开启pathinfo的方法,操作很简单,需要的朋友可以参考下
    2015-01-01
  • nginx 解决首页跳转问题详解

    nginx 解决首页跳转问题详解

    这篇文章主要介绍了nginx 解决首页跳转问题详解的相关资料,需要的朋友可以参考下
    2016-12-12
  • centos7下基于nginx+uwsgi部署Django项目的实现

    centos7下基于nginx+uwsgi部署Django项目的实现

    Django是一个开源的Web应用框架,使用Python语言编写,主要用于搭建Web项目,本教程介绍如何在centos7下基于nginx+uwsgi部署Django项目的实现,感兴趣的可以了解一下
    2024-04-04
  • Nginx的rewrite模块详解

    Nginx的rewrite模块详解

    这篇文章主要介绍了Nginx的rewrite模块详解,有感兴趣的同学可以研究下
    2021-02-02
  • keepalived+nginx实现双服务器主备方案

    keepalived+nginx实现双服务器主备方案

    本文主要介绍了使用keepalived和nginx实现双服务器主备方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-12-12
  • Ubuntu+Nginx+Mysql+Php+Zend+eaccelerator安装配置文字版

    Ubuntu+Nginx+Mysql+Php+Zend+eaccelerator安装配置文字版

    把我架设lnmp网站的过程写出来,希望对想架设网站的朋友有所帮助,如有更好的办法请提出来
    2012-02-02
  • win10上安装nginx的方法步骤

    win10上安装nginx的方法步骤

    这篇文章主要介绍了win10上安装nginx的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • Nginx报错“Too many open files”的问题解决

    Nginx报错“Too many open files”的问题解决

    本文主要介绍了Nginx报错“Too many open files”的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-05-05
  • Nginx IP限制与路径访问控制配置

    Nginx IP限制与路径访问控制配置

    在某些应用场景下,特定路径需要免登录访问,本文主要介绍了Nginx IP限制与路径访问控制配置,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
    2024-08-08

最新评论