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 错误页面内容请搜索恩蓝小号以前的文章或继续浏览下面的相关文章希望大家以后多多支持恩蓝小号!

原创文章,作者:XUORT,如若转载,请注明出处:https://www.wangzhanshi.com/n/18821.html

(0)
XUORT的头像XUORT
上一篇 2025年2月24日 07:37:35
下一篇 2025年2月24日 07:37:37

相关推荐

  • 一文详解Nginx的访问限制与访问控制

    访问限制 访问限制是一种防止恶意访问的常用手段,可以指定同一IP地址在固定时间内的访问次数,或者指定同一IP地址在固定时间内建立连接的次数,若超过网站指定的次数访问将不成功。 请求…

    2024年12月17日
  • Nginx性能优化的几个方法总结

    小伙伴们平时使用 Nginx 是否有进行过性能优化呢?还是软件装好了就直接使用呢? 今天小编和大伙分享几个常见的 Nginx 优化配置。 整体上来说,Nginx 的优化可以从多个层…

    nginx 2024年12月17日
  • 通俗易懂讲解nginx-rtmp-module

    概述 nginx-rtmp-module 是一个用于 Nginx 的第三方模块,它扩展了 Nginx 服务器的功能,使其能够处理实时流媒体数据,特别是支持 RTMP (R…

    2025年2月24日
  • nginx指定conf文件路径的方法详解

    在使用 Nginx 时,有时需要指定配置文件(nginx.conf)的路径,而不是使用默认的路径。你可以通过以下几种方式来指定配置文件路径: 1. 使用 -c 或 –c…

    nginx 2024年12月17日
  • Nginx 实现会话保持的方式配置小结

    在 NGINX 中实现会话保持(Session Persistence),可以通过多种方法完成。以下是一些常见的方式: 1. 使用 IP 哈希(IP Hash) IP 哈希是一种简…

    nginx 2024年12月17日
  • nginx中return和rewrite指令同时存在先执行顺序哪个

    前文 如果return指令跟rewrite指令同时存在先执行哪个呢? 场景示例 模拟数据 server { location /images { rewrite /images/(…

    2024年12月17日
  • nginx如何搭建前后端分离架构

    本人用的是vue-cli 自动构建vue+webpack 项目,这里不对webpack、nginx进行讲解。 本文主要解决前端开发环境搭建、测试环境搭建、生产环境搭建以及接口调试 …

    2025年2月24日
  • Nginx 配置页面请求不走缓存的方法

    要配置Nginx使其不缓存内容,通常是指禁止浏览器缓存响应的内容,或者是在代理某些内容时不让任何缓存机制生效。这可以通过设置HTTP响应头中的缓存控制指令来实现。以下是如何在Ngi…

    2024年12月17日
  • Nginx 分发策略的实现

    在 Nginx 中,分发策略指的是如何将客户端请求根据一定的规则或算法,分配到不同的后端服务器上。Nginx 的分发策略非常灵活,可以根据负载均衡、请求内容、会话保持等多种方式进行…

    nginx 2025年2月24日
  • Windows设置nginx启动端口的方法

    一、为什么要设置 nginx 启动端口 默认情况下,nginx 会使用 80 端口启动。但在实际应用中,80 端口可能已被其他程序占用,比如系统自带的 IIS 服务。为了避免端口冲…

    nginx 2025年2月24日

发表回复

登录后才能评论