Nginx自定义404页面的三种方法

网络 2024-06-04 13:52:58编程技术
59

在网站开发和运维中,确保用户获得良好的浏览体验至关重要。当用户访问一个不存在的页面时,服务器默认的404错误页面通常不够友好,而且缺乏个性化的信息。为了让您的网站更加专业,并提供更好的用户体验,自定义404页面变得尤为重要。本文将介绍几种使用Nginx配置自定义404页面的方法,帮助您轻松创建具有吸引力且包含有用信息的错误页面,从而改善网站的整体用户体验。

404页面.jpg

第一种:Nginx自带的错误页面

Nginx访问一个静态的html 页面,当这个页面没有的时候,Nginx抛出404,那么如何返回给客户端404呢?

看下面的配置,这种情况下不需要修改任何参数,就能实现这个功能。

server {
listen  80;
server_name www.test.com;
root /var/www/test;
index index.html index.htm;
location / {
}
# 定义错误页面码,如果出现相应的错误页面码,转发到那里。
error_page 404 403 500 502 503 504 /404.html;
# 承接上面的location。
location = /404.html {
# 放错误页面的目录路径。
root /usr/share/nginx/html;
}
}

第二种:反向代理定义错误页面

如果后台Tomcat处理报错抛出404,想把这个状态叫Nginx反馈给客户端或者重定向到某个连接,配置如下:

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 / {
if ($request_uri ~* ‘^/$') {
rewrite .* http://www.test.com/index.html redirect;
}
# 关键参数:这个变量开启后,我们才能自定义错误页面,当后端返回404,nginx拦截错误定义错误页面
proxy_intercept_errors on;
proxy_pass  http://www;
proxy_set_header HOST $host;
proxy_set_header X-Real-IP  $remote_addr;
proxy_set_header X-Forwarded-FOR $proxy_add_x_forwarded_for;
}
error_page 404 /404.html;
location = /404.html {
root /usr/share/nginx/html;
}
}

第三种:Nginx解析php代码实现自定义错误页面

如果后端是php解析的,需要加一个变量

在http段中加一个变量 fastcgi_intercept_errors on 就可以了。

指定一个错误页面:

error_page 404 /404.html;
location = /404.html {
root /usr/share/nginx/html;
}

指定一个url地址:

error_page 404  /404.html;

error_page 404 = http://www.test.com/error.html;

总结

总之,通过本文的介绍,我们了解了如何使用Nginx配置自定义404页面的几种方法。自定义404页面不仅能提升网站的专业形象,还能提供更好的用户体验。通过这些方法,我们可以创建既美观又实用的错误页面,从而改善网站的整体用户体验。希望本文的指导能够帮助您轻松地实现自定义404页面的目标。

Nginx 404 404页面
THE END
战地网
频繁记录吧,生活的本意是开心

相关推荐

Nginx服务器提示"403 forbidden"的有效解决办法
在使用Nginx服务器时,偶尔会遇到“403 Forbidden”错误提示,这表明服务器理解客户端的请求,但拒绝执行该请求。这一错误可能由多种原因引起,本文站长工具网将详细介绍解决...
2024-11-13 编程技术
160

Nginx搭建下载网站的方法步骤
在当今的数字化时代,搭建一个下载网站成为了许多个人和企业分享文件、软件或资源的常见需求。Nginx作为一款高性能的HTTP和反向代理服务器,凭借其出色的性能和丰富的模块功能...
2024-10-27 编程技术
127

Nginx出现“Too many open files”错误的解决方法
在高并发请求的环境下,Nginx可能会遇到“Too many open files”(打开文件过多)的问题,导致服务不可用或者性能下降。本文将深入探讨这一问题的原因,并提供一系列有效的解决...
2024-10-10 编程技术
124

知名Web服务器软件 Nginx 迁移至 GitHub,推动开源发展迈向新台阶
近日,知名Web服务器软件 NGINX 宣布其官方开源开发存储库已从 Mercurial 迁移至 GitHub,今后,NGINX 将在 GitHub 上以接受拉取请求(Pull Requests)的形式开始接受贡献。同时...
2024-09-11 新闻资讯
145

如何利用Nginx部署Vue.js前端项目
在这篇文章中,我们将深入探讨如何使用 Nginx 部署一个 Vue.js 前端项目。Vue 是一个流行的前端 JavaScript 框架,而 Nginx 则是一个性能卓越的 Web 服务器和反向代理服务器。...
2024-09-04 编程技术
176

Nginx出现404 Not Found错误的详细解决方法
在配置和使用Nginx的过程中,不少用户会遇到404 Not Found错误,这一问题常常让人感到困惑和无助。本文将详细介绍Nginx出现404 Not Found错误的原因及相应的解决方法,帮助读...
2024-08-31 电脑知识
145