首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >nginx自定义错误页

nginx自定义错误页

作者头像
兮动人
发布于 2021-06-11 11:16:47
发布于 2021-06-11 11:16:47
3K00
代码可运行
举报
文章被收录于专栏:兮动人的博客兮动人的博客
运行总次数:0
代码可运行

文章目录

自定义错误页

  • 在网站访问过程中,经常会遇见各种各样的错误,如找不到访问的页面则会提示 404 Not Found 错误,没有访问权限会提示 403 Forbidden 等,对于普通人而言,这样的提示界面 并不友好。在 Nginx 的主配置文件中,给出了以下的处理方式。
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
error_page 500 502 503 504 /Sox.html; 
  • 在上述配置中, error_page 指令用于自定义错误页面, 500 、 502 、 503 和 504 指的就是 HTTP 错误代码,/50x. html 用于表示当发生上述指定的任意一个错误时,都使用网站根目录下的 50x. html 文件处理。
  • 除此之外, error_page 指令还可以指定单个错误的处理页面、利用在线资源处理指定的错误,更改网站响应的状态码等多种设置,下面逐一演示自定义错误页面的几种常用使用 方式。

1.为每种类型的错误设置单独的处理方式

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
#指定网站极目呆下的页面 40x.html,处琦 403 错误 
error_page 403	/40x .html; 

#指定网站根目录下的图片 404.jpg,处理 404 错误 
error_page 404	/404 .jpg; 
  • 下面为了查看设置效果,将上述配置放到 server 块中,平滑重启 Nginx (nginx -s reload )使配置生效。 接着,在浏览器中进行访问测试,当网站目录下没有指定默认索引文件时访问会发生 403 错误,如图所示;
  • 当访问网站下不存在的目录 t 时,如图所示 。

2.利用在线资源进行处理错误

  • 处理错误的页面除了可以使用本站的资源外,还可以在发生指定错误时跳转到指定的 URL,利用在线资源进行处理。 配置示例如下。
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
#处理单个指定错误 
error_page 403		http://example.com/forbidden.html; 
#处理一系列指定错误
error_page 500 502 503 504	http://example.com/notfound.html;
  • 按照上述设置修改配置文件后,发生 403 错误就跳转到 http://example.com/forbidden.html 页面。
  • 还可以把错误的页面引向自己所需要页面,从而带来一些额外流量和权重。
  • nginx禁止ip访问, 只能通过域名访问:https://blog.csdn.net/qq_41684621/article/details/103871194

3.更改晌应状态码

  • 在用户通过浏览器发送 HTTP 请求时,服务器处理完成后会返回响应信息响应信息中的状态码(Status)就是服务器在处理用户 HTTP 请求后的响应状态 。 例如,用户访问一 个不存在的页面,服务器返回的响应状态码就为 404。
  • 利用浏览器提供的 Fl2 开发者工具查看到当前请求页面的状态码,如图所示 。
  • 若要隐藏服务器返回的真实状态码信息,则可以利用进行自定义设置,具体配置如下。
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
error_page 404 =200 /40x.html; 
  • 按照上述设置修改配置文件,再次进行访问测试。在 发生 404 错误时,响应信息中的状态码是自定义的码值 200 ,成功隐藏了实际响应状态码。
  • 另外,更改响应状态码时还可以不指定确切的码值,而是由重定向后实际处理的真实结果来决定 。 例如,去掉上面配置的 200 后,配置如下
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
error_page 404=/40x .html;
  • 按照上述设置修改配置文件,再次进行访问测试,如图所示 。从图中可以看出,当 前的状态码为 304 ,它表示自从上次请求后,请求的网页未修改过,若修改页面 40x. html 后,再次访问则会出现图所示的效果 。

4.设置错误页面案例

  • 如:www.xdr630.top ,在nginx.conf配置文件中设置
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
error_page 404 /404.html;
  • 在网站根目录下添加一个 404.html 和 一张 404.png 图片

404.html代码如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div align="center">
			<img src="404.png">
		</div>
	</body>
</html>

404.png

  • 当访问不存在的资源就会跳转到404页面,如:www.xdr630.top/e
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/11/01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Nginx - 使用error_page实现带有图片的自定义错误页面
在Nginx中,您可以使用error_page指令来指定当请求遇到特定错误时应当显示的自定义错误页面。为了实现带有图片的自定义错误页面,可以按照以下步骤操作:
小小工匠
2024/01/03
1.1K0
Nginx - 使用error_page实现带有图片的自定义错误页面
k8s Ingress nginx错误页面的深度定制
网站运行过程中难免出现问题,为用户抛出一个错误页面,常见的错误页面包含403、404、500、502、503、504状态码,这些常见的错误页面状态码的含义如下
仙人技术
2020/12/18
3K0
k8s Ingress nginx错误页面的深度定制
如何为Nginx设置404页面?
这篇文章发布于2013年,介绍如何为nginx设置一个404页面,当客户端试图访问一个并不存在的资源时,nginx会返回代码为404的错误信息"404 Not Found",这个错误信息非常简陋并且不是很友好,建议根据实际需求设置一个专用的404错误页面(如果没有要求可以使用下面的“腾讯公益宝贝回家”404页面,也许一个微不足道的举动,却已帮助了别人。两全其美哈)。
用户1560186
2019/11/20
6.7K0
如何为Nginx设置404页面?
Nginx错误页面优雅显示的配置
一.Nginx错误页面优雅显示的原因?   当我们访问网站时,由于特殊的原因,经常会出现诸如403,404,503等错误,这极大的影响用户的访问体验,所以我们很有必要做一下错误页面的优雅显示,以提升用户的浏览体验。
星哥玩云
2022/06/29
1.9K0
Nginx实现404页面的三种方法
一个网站项目,肯定是避免不了404页面的,通常使用Nginx作为Web服务器时,有以下集中配置方式:
菲宇
2019/06/12
3.6K0
Nginx之error_page模块解读
error_page是nginx一个重要的指令,作用是定制化服务器错误页面。当nginx发生内部错误时,比如说404、403、500等错误,默认会跳转到nginx自带的错误页面。但是使用error_page指令可以修改默认错误页面,并且可以指定跳转的url或者文件路径。
一个风轻云淡
2023/09/24
3.9K0
3招解决Nginx实现404页面的实现!
Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамблер)开发的。而一个网站项目,肯定是避免不了404页面的,通常使用Nginx作为Web服务器时,有以下集中配置方式,一起来看看,更多内容请参考《Linux就该这么学》。
拓荒者
2019/08/16
6K0
利用Nginx负载均衡的访问SpringBoot服务,还有如何利用Nginx实现404,500等错误页面的拦截
林老师带你学编程
2018/01/04
6.6K0
利用Nginx负载均衡的访问SpringBoot服务,还有如何利用Nginx实现404,500等错误页面的拦截
Nginx设置404错误页面跳转
在server下配置 error_page 以下三种情况都可以起作用, 可以配置在server第一层的任何位置, 不受影响 也可以配置在location里面,我下面代码注释的地方都是可以配置的
拓荒者
2019/08/16
9.3K0
【Nginx07】Nginx学习:HTTP核心模块(四)错误页面与跳转
最最核心的部分学习完了,但其实还有更多的内容要等待着我们探索。今天我们先来看到的就是关于错误页面的设置以及 301、302 跳转相关的内容。这两块内容都有一个特点,那就是页面或明显地,或不明显地产生了跳转变化,显示的都不是本来我们应该要得到的那个链接的页面。
硬核项目经理
2023/09/07
9140
【Nginx07】Nginx学习:HTTP核心模块(四)错误页面与跳转
一文教你学会使用Nginx
前段时间,了不起给大家说过如果使用 Docker 发布自己的后端项目,也就不再使用 Jar 包进行项目的发版操作,但是这其中就又涉及到了前端如何发版,为什么这么说,因为资深前端开发,可能知道各种发版内容等,但是对于一般的前端开发来说,走到build后,就已经算是比较不错了,接下来如果没有运维的话,那么在不使用 jekins 的情况下,就只能是后端来进行发版了,今天我们讲讲这个docker 是如何发布前端应用的。
Java极客技术
2024/01/02
3050
一文教你学会使用Nginx
部署上线-Nginx设置
Nginx(“engine x”)是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和 反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。和apache一样,都是web服务器软件,因为其性能优异,所以被广大运维喜欢。又因为nginx是一个轻量级的web服务器,相比apache来说资源消耗更低
星哥玩云
2022/09/14
7640
部署上线-Nginx设置
Nginx 设置错误的自定义404页面跳转到500
当时是在Apache下写的error page,换了Nginx后, 404页面直接跳到了500 服务器内部错误。
星哥玩云
2022/07/01
3K0
Nginx 设置错误的自定义404页面跳转到500
如何自定义404页面?云服务器+Nginx中加3行配置搞定,小白也能跟着流畅操作
前面3期文章,我们一起搭建了一个个人网站:https://www.python-office.com
程序员晚枫
2022/06/20
1.7K2
如何自定义404页面?云服务器+Nginx中加3行配置搞定,小白也能跟着流畅操作
常见 HTTP 状态码详解与Nginx 文件上传大小限制
在我们日常使用 Nginx 搭建网站或应用服务时,可能会遇到很多与文件上传和请求响应相关的问题。今天我们就来聊聊 如何限制文件上传的大小,并介绍一些常见的 HTTP 状态码 及其在 Nginx 中的处理方式。
井九
2024/10/12
4880
Nginx结构全解析(34)
Nginx访问一个静态的html 页面,当这个页面没有的时候,Nginx抛出404,那么如何返回给客户端404呢?
陈不成i
2021/05/12
3800
使用 Nginx 容器为 Traefik 配置高性能通用错误页面
使用 Traefik 比较久的读者应该会发现,在服务重启的时候,原来的网站会展示 404 not found 的空白页面,虽然多数情况下服务恢复很快,但是这个恢复时间取决于部署启动的应用和监控检查配置策略,如果没有配置流量切换规则,那么有的时候,会看到很久的空白页面,这样的体验显然不好。
soulteary
2020/12/06
1.1K0
使用 Nginx 容器为 Traefik 配置高性能通用错误页面
Web服务器-Nginx配置文件和静态网站
作者介绍:简历上没有一个精通的运维工程师,下面的思维导图也是预计更新的内容和当前进度(不定时更新)。
运维小路
2025/04/04
2570
Web服务器-Nginx配置文件和静态网站
NGINX从入门到精通导航
请参考文章《如何服务器搭建网站(用宝塔面板)》 https://zhuanlan.zhihu.com/p/264988902
辉哥
2021/02/22
1.1K0
NGINX从入门到精通导航
云服务器安装node+nginx+MongoDB
很早就买了一个云服务器,在腾讯云上面买的,当时买了好几年,用了几百块吧。具体的配置如下
踏浪
2019/07/31
4.1K0
云服务器安装node+nginx+MongoDB
相关推荐
Nginx - 使用error_page实现带有图片的自定义错误页面
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档