Nginx 自定义404、500、502 页面

最新推荐文章于 2024-06-15 20:18:05 发布
最新推荐文章于 2024-06-15 20:18:05 发布
阅读量1.6k 收藏
点赞数
文章标签： 运维 php
原文链接：http://www.cnblogs.com/zhaiyt/p/10313913.html
版权
本文介绍了如何使用Nginx进行反向代理配置，以实现自定义404、500、502等错误状态码的页面。主要步骤包括修改nginx.conf文件启用错误拦截，创建自定义错误页面并将其置于nginx的html文件夹下，最后重启Nginx使配置生效。
摘要由CSDN通过智能技术生成

利用nginx的反向代理来实现 服务器404 和500 等状态码的自定义页面

1.nginx配置文件 nginx.conf 配置开启代理错误拦截 和配置页面  下划线部分 

http {

        ......

    proxy_intercept_errors on;

    fastcgi_intercept_errors on;
    
    server {

         ......


    error_page  404   /notfind.html;
    
    error_page   500 /error.html;
        
    error_page   502 503 504 /error502.html;
    }
}

2.编写自定义页面，将页面放置在nginx路径下的html 文件夹下 页面中用到的图片什么的都放置与此文件夹下

3.重启nginx 配置生效 OK

404页面代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta charset="UTF-8" http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="icon" type="image/x-icon" href="http://zhaixt.info/icon.ico" />
 
<title>404-对不起！您访问的页面不存在</title>
 
<style type="text/css">
 
.head404{
     width:580px; height:234px; margin:50px auto 0 auto; background:url(http://zhaixt.info/head404.png) no-repeat; }
 
.txtbg404{
     width:499px; height:169px; margin:10px auto 0 auto; background:url(http://zhaixt.info/txtbg404.png) no-repeat;}
 
.txtbg404 .txtbox{
     width:390px; position:relative; top:30px; left:60px;color:#eee; font-size:13px;}
最低0.47元/天 解锁文章
ancaofumuhu9385
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义404错误页面模板
01-23
自定义404错误页面模板是网站设计中的一个重要环节，它不仅关乎用户体验，也是网站专业性和品牌形象的体现。404错误通常发生在用户尝试访问一个不存在的URL时，服务器返回的状态码为404，表明该页面无法找到。在默认...
Django 自定义404 500等错误页面的实现
09-17
在Django框架中，自定义404和500等错误页面是非常常见的需求，它不仅可以提供更加友好的用户体验，还可以使网站保持专业形象。本文将详细介绍如何在Django中实现这一功能。 首先，让我们明确一点，为了使自定义错误...
为Nginx自定义404，502错误页面的方法
09-30
为Nginx自定义404，502错误页面的方法，需要的朋友可以参考下。
Nginx自定义404、500页面
weixin_34336292的博客
05-10 458
2019独角兽企业重金招聘Python工程师标准>>> ...
渗透测试nginx增加400,500报错页面
最新发布
ityw520的博客
06-15 391
在Nginx中增加自定义的400和500错误页面，你需要编辑Nginx配置文件，通常这个文件位于。指令指定了当出现400、404、500、502、503或504错误时，用户会被重定向到。确保在做出更改后重新加载Nginx配置，例如使用命令。文件，并将自定义的HTML代码放入这些文件中。（如果你是从源代码编译安装的Nginx）。nginx增加400,500报错页面。指令指定了这些页面所在的目录。提示：AI自动生成，仅供参考。
html中500错误页面,nginx 自定义404 500 错误页面
weixin_30667831的博客
06-03 475
upstream www {server 192.168.1.201:7777 weight=20 max_fails=2 fail_timeout=30s;ip_hash;}server {listen 80;server_name www.test.com;root /var/www/test;index index.html index.htm;location / {i...
nginx自定义500、404错误页面
weixin_34379433的博客
11-29 1000
1，首先在http添加以下内容 http{ fastcgi_intercept_errors on; } 2，server中添加以下内容： 注意路径 error_page 500 502 503 504 =/500.html; location /500.html { internal; } error_page 404 /404.html...
【NGINX】自定义404和500页面
weixin_44288277的博客
05-19 1448
自定义404和500页面
nginx自定义404错误页面设置方法.docx
09-26
nginx 自定义404错误页面设置方法 Nginx 是一款流行的 Web 服务器软件，可以根据需要自定义错误页面，以提高用户体验。本文将详细介绍 Nginx 自定义404错误页面设置方法。 一、基本概念 在开始之前，需要了解什么...
访问网站出现500或者502（nginx反向代理）
gaofeng2017的博客
10-14 2182
环境：nginx连接到tomcat tomcat可以直接正常访问，但是通过nginx访问时，有时无法访问，报500或者502 可以考虑是nginx配置文件不够完善，nginx没有等待tomcat处理完数据，就向客户端返回数据 调大一下配置文件中，nginx的等待时间 proxy_connect_timeout 300s; proxy_send_timeout 900; proxy_rea...
nginx针对不同域名挂载维护页面
01-20
配合使用nginx和iptables针对不同域名挂载维护页面
nginx 负载与swoole配置记录
oqzuser12345678999q的博客
09-14 199
文件registry.conf 内存： #服务发现的负载 upstream http_server_pool { server 192.168.0.185:8080; server 192.168.0.33:8080; server 192.168.0.193:8080; } server { listen 8080; server_name 127.0.0.1; #root /home/test;
nginx反向代理配置400,404,502等状态的自定义页面
keyboard专栏
04-29 3892
网站出现错误页面，直接显示404,502等错误代码页面，对用户非常的不友好，需要进行统一的配置，显示根据业务显示自定义的404或者502的错误页面。 第一：首先在location 反向代理部分，添加这条命令，开启自定义错误页面的开关。 proxy_intercept_errors on; 第二：将自定义的页面cmptexinfo.html，放在指定位置，比如 /home/nginx/nginx_instance/html位置，然后就可以访问。 error_page 500 502 5
nginx 设置 404 500 页面跳转到指定页面
热门推荐
Dafei4的博客
03-23 1万+
默认情况下 nginx 是不支持自定义 500 、400 页面；修改配置文件 conf/nginx.conf 添加页面重定向，在 http 内添加一行；fastcgi_intercept_errors on;在 service 内添加一行指定测错误页面error_page 404 500 = /error.html; 或者error_page 404 = http://你的域名; ...
nginx自定义404、500页面更改或关闭favicon.ico
shardy0的博客
08-19 1152
一、自定义错误页面 1、在nginx配置文件nginx.conf的http中添加这样一句话，表明要使用自定义的错误提示页面： fastcgi_intercept_errors on; #表明使用自定义错误提示 2、指定的server中配合，配置404.html或者500.html页面 fastcgi_intercept_errors on; server { listen ...
Nginx配置error_page 404 500等自定义的错误页面
weixin_33734785的博客
07-18 3781
2019独角兽企业重金招聘Python工程师标准>>> ...
vue 在nginx下页面刷新出现404\500问题解决
ic_xcc的博客
10-29 4031
前言 最近部署前端vue项目到服务器上，因为vue的接口做了后端接口代理，用Nginx部署的时候出现登录接口报404和500的错误
nginx自定义404不生效
03-29
如果您在使用nginx时自定义了404页面，但无法生效，可能是以下几个原因： 1. 检查nginx配置文件是否正确 在nginx的配置文件（一般是/etc/nginx/nginx.conf）中，需要添加一个location指令来指定自定义的404页面。例如： ``` error_page 404 /404.html; location = /404.html { internal; } ``` 其中，error_page指定了当出现404错误时，跳转到404.html页面，location指定了404.html页面的位置。 请确保您已正确添加了这些指令，并且重新加载了nginx配置文件。 2. 检查404页面文件是否存在 请确保您的404页面文件（例如404.html）存在于指定的位置，并且nginx有访问该文件的权限。如果文件不存在或者权限不正确，nginx无法正确显示自定义的404页面。 3. 检查nginx是否重定向了404页面 有时候，您的nginx配置可能会重定向404页面到其他页面，导致自定义的404页面无法生效。请检查nginx配置文件中是否存在类似于以下指令： ``` error_page 404 =301 https://www.example.com/; ``` 这将会把404页面重定向到https://www.example.com/，而不是显示自定义的404页面。请删除该指令或者修改为正确的重定向地址。 总之，如果您的nginx自定义404页面无法生效，请检查配置文件、404页面文件和重定向等方面，以找出问题所在。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值