Nginx在Ubuntu上的错误页面如何自定义 - 问答

要在Ubuntu上自定义Nginx错误页面，请按照以下步骤操作：

首先，确保已经安装了Nginx。如果尚未安装，请运行以下命令：

sudo apt update
sudo apt install nginx

创建一个自定义错误页面文件。在/usr/share/nginx/html目录下创建一个新的HTML文件，例如custom_404.html。使用文本编辑器打开文件，例如：

sudo nano /usr/share/nginx/html/custom_404.html

在文件中添加自定义错误页面的内容，例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自定义404错误页面</title>
</head>
<body>
    <h1>抱歉，您访问的页面不存在！</h1>
    <p><a href="/">返回首页</a></p>
</body>
</html>

保存并关闭文件。

为其他错误代码创建自定义错误页面。重复步骤2，为其他错误代码（如500、403等）创建自定义错误页面。
配置Nginx以使用自定义错误页面。打开Nginx配置文件：

sudo nano /etc/nginx/sites-available/default

在server块中找到error_page指令。如果没有，请添加以下内容：

error_page 404 /custom_404.html;
error_page 500 502 503 504 /custom_50x.html;

这里，我们将404错误指向custom_404.html，将其他5xx错误指向custom_50x.html。

创建custom_50x.html文件。在/usr/share/nginx/html目录下创建一个新的HTML文件：

sudo nano /usr/share/nginx/html/custom_50x.html

添加自定义5xx错误页面的内容，例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>服务器内部错误</title>
</head>
<body>
    <h1>抱歉，服务器内部发生错误！</h1>
    <p>请稍后再试，或者联系网站管理员。</p>
</body>
</html>

保存并关闭文件。

重启Nginx以应用更改：

sudo systemctl restart nginx

现在，当用户访问不存在的页面时，将显示自定义的404错误页面。同样，当服务器遇到内部错误时，将显示自定义的50x错误页面。

0 赞

0 踩