下面是详细的攻略：

Nginx实现404页面的几种方法(三种)

有时，当我们在访问网站时，常常会遇到一些我们没能想到的问题或者其他错误，此时我们访问的是无法路由的页面，也就是404页面。那么，如何实现一个良好的404页面呢？这就需要使用到Nginx了。本文将为大家介绍Nginx实现404页面的三种方法。

第一种方法：使用Nginx错误页面

在Nginx中，默认有一个错误页面文件夹，我们可以直接将自己定制的404页面命名为404.html，放在错误页面文件夹下。当出现404错误时，Nginx会自动找到并展示我们自定义的错误页面，以下是相关配置：

error_page 404 /404.html;
location = /404.html {
  internal;
}

配置说明：

error_page 404 /404.html;：当出现404错误时，Nginx会自动跳转到404页面；
location = /404.html {internal;}：指定了404页面的访问地址。

第二种方法：使用Nginx跳转

我们可以通过Nginx的重定向来实现404页面的跳转。以下是相关配置：

location / {
  error_page 404 = @notfound;
}

location @notfound {
  return 404;
}

error_page 404 /404.html;
location = /404.html {
  internal;
}

配置说明：

location / {error_page 404 = @notfound;}：当出现404错误时，会跳转到@notfound页面；
location @notfound {return 404;}：@notfound页面返回404错误；
error_page 404 /404.html;：当出现404错误时，Nginx会自动跳转到404页面；
location = /404.html {internal;}：指定了404页面的访问地址。

第三种方法：使用Lua脚本实现

最后一种方法是使用Lua脚本实现Nginx的404页面。首先，需要在Nginx中安装Lua模块（具体安装方法可以参考官方文档）。以下是相关配置：

error_page 404 /404;

location /404 {
  default_type text/html;
  content_by_lua_block {
    ngx.say("404 Not Found");
    ngx.exit(ngx.HTTP_OK);
  }
}

配置说明：

error_page 404 /404;：当出现404错误时，Nginx会自动跳转到/404页面；
location /404 {default_type text/html;content_by_lua_block {}}：指定了404页面的访问地址，并使用Lua脚本实现。

示例：

假设我们要访问的页面是http://localhost:8080/test，但是该页面不存在，此时就会跳转到Nginx的404页面。以下是示例演示：

使用第一种方法，首先，我们需要在Nginx的配置文件中添加相关配置：

error_page 404 /404.html;
location = /404.html {
  internal;
}

为了方便演示，我们可以将404页面定制为“这是404页面”，并将它放在错误页面文件夹下。
在浏览器中访问一个不存在的页面http://localhost:8080/test。
此时，就会跳转到我们自定义的404页面。
使用第二种方法，首先，我们需要在Nginx的配置文件中添加相关配置：

location / {
  error_page 404 = @notfound;
}

location @notfound {
  return 404;
}

error_page 404 /404.html;
location = /404.html {
  internal;
}

然后，我们可以直接访问不存在的页面http://localhost:8080/test，此时Nginx会自动跳转到自定义的404页面。
使用第三种方法，我们需要在Nginx的配置文件中添加相关配置：

error_page 404 /404;

location /404 {
  default_type text/html;
  content_by_lua_block {
    ngx.say("404 Not Found");
    ngx.exit(ngx.HTTP_OK);
  }
}