Nginx环境配置404错误页面跳转

首先声明一下，上面的封面图来自互联网，每个人准备的404错误页面也都不是相同的，特别是错误页面下面的导航条，代码修改是个人问题。

404错误的根本原因

先说一下404错误页面的来源。当服务器无法展示浏览者试图访问的页面时，就会发生404错误。这个错误仅仅是资源消失不见了，服务器没有内容展示但也不会显示空白屏幕，而是显示 404 页面。 大多数WordPress或者zblog主题都带有一个基本的404模板，但这些设计通常是基本且简单。而引发404错误的因素

  1. 用户拼写错误：用户可能在输入URL时出现了拼写错误，或者输入了一个不存在的URL。比如，用户可能输入了一个不存在的页面名称或者目录路径，导致服务器无法找到相应的资源。

  2. 资源被删除或移动：有时网站管理员可能会删除或者移动某个页面资源，但是用户的浏览器仍然保留着旧的URL。当用户再次尝试访问该页面时，服务器会返回404错误，告诉用户所请求的资源已经不存在。

  3. 错误的链接：互联网上的链接可能会存在错误，即指向了一个不存在的资源。当用户点击了这样的链接时，服务器会返回404错误。

  4. 服务器配置错误：在某些情况下，服务器的配置可能出现问题，导致无法正确地处理用户请求。这样就会出现404错误。

无论出现何种原因，当服务器返回404错误时，浏览器会显示一个404页面给用户，告诉用户所请求的页面未找到。此页面通常会包含一些友好的提示，如页面未找到、链接已失效等等。

404错误页面的作用

正确的 404 页面将使访问者在您的网站上停留更长时间，并鼓励他们进行转化。通过创建引人入胜、有用且有趣的 404 页面，您可以为访问者提供良好的体验，即使他们看到错误也是如此。

无论出现何种原因，当服务器返回404错误时，浏览器会显示一个404页面给用户，告诉用户所请求的页面未找到。此页面通常会包含一些友好的提示，如页面未找到、链接已失效等等。

为了改善用户体验，网站可以自定义404页面，可以提供一些相关的导航链接、搜索框或者其他有用的信息，帮助用户找到他们想要的内容，或者重新导航到其他页面。

Nginx配置404错误页面跳转

我们需要进入Nginx的配置文件之中，一般在 /usr/local/nginx/nginx.conf之中，找到server的配置之中酌情修改

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
server{
        listen 80;
        server_name www.example.com;
        index index.html;
        root /nginx/html/web;
        location / {
                root   html;
                index  index.html index.htm;
                proxy_intercept_errors on;     #开启拦截404等错误
        }
        #配置错误页面跳转
        error_page 404  /404.html;
            location =  /404.html {
            root /nginx/error;   #这里是404文件所在目录的绝对路径！！！
        }
}

如果是设置转跳，可以适当的修改代码

1
2
3
4
5
# 404 to 301 跳转到首页
error_page 404 = @notfound;
location @notfound {
    return 301 /;
}

上面的跳转页面就是把404错误进行301跳转，然后我们需要设置跳转的链接地址

1
2
3
4
5
# 404 to 301 跳转到泪雪网
error_page 404 = @notfound;
location @notfound {
    return 301 https://www.example.com$request_uri;
}

其中，$request_uri值得是跳转页面的链接，如果删除，跳转到网站主域名

1
https://www.example.com

好了，修改配置文件之后需要重启Nginx，让配置文件生效。感谢大家来到老博客网站，如果代码有问题，请你直接互联网，因为我也不懂，只是简单的收集整理代码而已，谢谢大家。