Nginx 配置有爱心的 404

栏目: 服务器 · Nginx · 发布时间: 5年前

内容简介:之前我是不太在乎 404 页面的,一是我基本不会修改网页的地址,搜索过来的时候都能准确访问。二是我默认看我博客的都是技术人员,他们可以很容易的找到首页地址,虽然我的博客可能不会让他们有那么大的动力这么干。但是,今天我想配置上 404 的页面,一个有爱心的 404 页面

之前我是不太在乎 404 页面的,一是我基本不会修改网页的地址,搜索过来的时候都能准确访问。二是我默认看我博客的都是技术人员,他们可以很容易的找到首页地址,虽然我的博客可能不会让他们有那么大的动力这么干。

但是,今天我想配置上 404 的页面,一个有爱心的 404 页面

Nginx 配置有爱心的 404

作为一名老父亲,看到这些丢失的孩子,心里是感觉被揪了一下的。如果你也想在自己的站点加一个这样的 404 页面,可以接着看下去。

这个页面是由益云提供的,这是他们的网址 https://yibo.iyiyun.com/Home/Index/web404

点击进入后根据自己的需求选择完成后,点击生成代码即可

Nginx 配置有爱心的 404

复制生成的代码,黏贴你自己的 404.htmlbody 标签中即可。

然后怎么在网站中生效呢?如果你之前配置过,那现在刷新页面就已经生效了。如果像我一样没有配置过,那只要在 Nginx 中做一些小改动即可

server {
    ...

    error_page 404 404.html;

    location /404.html {
        # 配置 404.html 的目录
        root   /www/wxnacy.github.io/nginx/html;
    }

    ...
}

在你的 server 标签中也做如上配置即可, root 改成你存放 404.html 页面的目录

重新加载配置

$ nginx -t          # 测试配置是否通过
$ nginx -s reload   # 重新加载

再次访问网站的 404 页面即可生效。

需要注意的一点,他默认提供的代码中,给的是 http:// 开头的网址,如果你的网站是 https 的话,那会请求失败,所以需要手动改成 https

说到公益 404,印象比较深的是微信公众号里的 web 页面,如果网页提供者返回了 404 状态,那微信就会强制显示这个公益的 404 页面,而提供者的页面就会被覆盖。虽然这是件有爱心的事,但做法却有点耍流氓,你也不能强制别人献爱心啊。

最后呢,希望我的一点小小的举动,可以给身处黑暗中的孩子一点莹莹星火,让他们可以早点找到家的方向。

最近更新

MkDocs 使用 Markdown 管理项目文档

重新学 Java 系列:数组

异或运算及应用

Python list 对象一些方法的时间复杂度

Javascript 跳转其他页面

Git blame 查看代码是谁写的

PySpider 安装的坑:不支持 3.7 版本

PySpider 安装的坑:PyCurl 出错

Vim 执行 Shell 命令(3)

Python 在 Mac 系统中从剪切板中获取图片

最近热读

Go 判断数组中是否包含某个 item

办理北京工作居住证的一些细节

Vim 高级功能 vimgrep 全局搜索文件

Go 语法错误:Non-declaration statement outside function body

Go 结构体、数组、字典和 json 字符串的相互转换

扫码关注公众号,或搜索公众号“温欣爸比” 及时获取我的最新文章 Nginx 配置有爱心的 404


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

UX设计之道

UX设计之道

[美]Russ Unger、[美]Carolyn Chandler / 陈军亮 / 人民邮电出版社 / 2015-4-1 / 49.00元

本书的目标是提供一些基本的工具及应用场景,帮助你及工作团队一起来使用这些工具和方法。正如你将在本书很多章节中看到的那样,我们没有尝试包罗万象、迎和所有的人,但我们试图给你提供一些用户体验(UX)设计师需要具备的核心信息和知识。除了我们自己的案例外,我们还提供了一些帮你了解如何开始准备基本材料的案例,让你可综合这些信息来创建某些更新、更好或者是更适合自己意图的东西。一起来看看 《UX设计之道》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具