nginx自定义404页面？

Posted 2023-05-12

只需要做两件事情：

自定义一个html文件（这个是静态的，你可以准备个后端动态逻辑也行）；

当404时，能够找到这个html。

举个例子：

error_page   404  /404.html;
location = /404.html 
    root html;

上面这个例子，需要在nginx根目录下创建一个html文件夹，在文件夹中创建一个404.html文件。

参考技术A

在server 区域加入： error_page 404 = /404.html 或者 error_page 404 = https://xxxxxx.com/404.html

http定义区域加入poxy_intercept_errors on;

请确保404.html文件存在，重载Nginx即可生效

参考资料：Nginx自定义404页面

nginx设置自定义错误页面

首先要进入到网页目录下

cd /usr/local/nginx/html/

将准备好的错误界面的图片上传 

rz -E

编写一个错误界面的网页文件

vim 40x.html 

在里面写入：

<img src="error.jpg" />

接下来要编辑主配置文件

vim /usr/local/nginx/conf/nginx.conf

添加内容：

error_page 401 403 404 408 /40x.html;
location = /40x.html
root html;

重新加载配置项：

killall -HUP nginx

进入网页进行测试即可