nginx 404错误页面配置详解

最新推荐文章于 2024-06-05 00:26:02 发布

1220150343

最新推荐文章于 2024-06-05 00:26:02 发布

阅读量1.9k

点赞数

文章标签： nginx

本文链接：https://blog.csdn.net/qq_50263172/article/details/109079003

版权

nginx 错误页面配置

再主配置文件server中加入一个location模块即可
vim /etc/nginx/conf.d/default.conf
server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html;
index 404.html;
# rewrite .* http://jd.com permanent;
# 这个是直接转向www.jd.com的页面
}
}

注意：

/usr/local/nginx/html/ 路径下必须有404.html这个文件！！！

为了简单，可以将css嵌入文件中，图片用base编码嵌入；如下：

[root@localhost html]# vim /usr/share/nginx/html/404.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <title>404</title>
        <style>
            .layout-table{display:table;height:100%;width:100%;vertical-align: middle;margin-top:150px}
            .layout-table-cell{display: table-cell;vertical-align: middle;text-align:center}
            .layout-tip{font-size:28px;color:#373737;margin: 0 auto;margin-top:16px;border-bottom: 1px solid #eee;padding-bottom: 20px;width: 360px;}
            #tips{font-size:18px;color:#666666;margin-top:16px;}
        </style>
    </head>
    <body class="layui-layout-body">
        <div class="layui-layout layui-layout-admin">
            
            <div class="layui-body">
                <div class="layout-table">
                    <div class="layout-table-cell">
                        <img src="自定义图片地址链接">
                        <p class="layout-tip">哎呀，找不到该页面啦！</p>
                        <p id="tips">请检查您的网络连接是否正常或者输入的网址是否正确</p>
                    </div>
                </div>
            </div>
        </div>
        
    </body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VgUGVS47-1602667315967)(assets/1561964133748.png)]

直接用IP地址访问网页就好了

1220150343

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
nginx 404错误页面配置详解

nginx 错误页面配置再主配置文件server中加入一个location模块即可vim /etc/nginx/conf.d/default.confserver {listen 80;server_name localhost;location / {root /usr/share/nginx/html;index 404.html;# rewrite .* http://jd.com permanent;# 这个是直接转向www.jd.com的页面}}注意：/us
复制链接

扫一扫