Coding＋Hexo的博客设置404页面跳转

看这个标题可能不知道啥意思，具体点来说

背景

我的博客地址本来是这样的：https://dunizb.com，而这几天我开发了一个新的博客独立首页，我准备用这个域名，博客用二级域名：https://blog.dunizb.com来访问。这就会到导致我在SF和掘金上的文章原文连接地址就失效了，但是已经发表了那么多文章，我可不想一篇一篇文章的去修改。。。。为了解决以前的原文连接也能正确访问不报404，就是这么回事。

Coding Pages

Coding Pages是由https://coding.net提供的跟GitHub Pages一样的服务，它比GitHub Pages的优点就在于不会被墙，提供更加丰富的功能，最重要的还是两点：

不会被墙！访问速度快

提供HTTPS服务

我的博客（Hexo）之前使用GitHub Pages，现在迁移到Coding Pages上来了，还提供免费的HTTPS服务，一键开启你的网站HTTPS之旅。

解决老链接访问404的问题

Coding Pages本身自带404错误页面，当你访问你的博客中一个不存在的文章链接时，就会显示Coding Pages的404页面，如下：

其实Hexo也可以设置自己的404页面的，具体可以查看Hexo文档。当你设置了Hexo的404后，访问不存在的页面就会跳转到Hexo你设置的404页面。

原文连接：https://dunizb.com/2017/12/08/You-have-to-know-the-basic-HTTP-concepts/

很明显，这个域名指向新首页，所以我设置Hexo的404页面是没用的，访问依然会走Coding Pages的404页面。

于是我在想我怎么样不去修改以前的链接也能照样跳转到对应的文章呢？

于是我我在博客独立新首页项目中建一个404页面来覆盖Coding Pages的404页面，z只要你在你的项目中有404页面，Coding Pages就默认会去读你的404页面。然后在我的404页面中做一些小工作就行了。

我的404页面代码如下:

很抱歉，你所访问的页面不存在了，可能是我调整了网站域名所至

可能是我变更了网站URL，你可以试试下面的解决方案：

页面找不到了，不要慌，你可以随便到处看看其他的东西

网站首页 - 博客首页

- 我的小店 - 前端开发

export default {

mounted () {

if (confirm('该页面URL可能已经变更，是否去新的地址？')) {

this.to()

}

},

methods: {

to () {

// 'https://dunizb.com/2017/12/08/You-have-to-know-the-basic-HTTP-concepts/'

location.href = 'https://blog.dunizb.com/' + url.split('.com')[1]

}

}

}

@import "../../assets/scss/main.scss";

.page{

text-align:center;

img

}

长相如下：

就纯前端来说，我觉得这只能这样做了，你还有更好的方式？欢迎交流

你有没有发现Hexo圣诞彩蛋呢？