如何在Nuxt.js项目中配置Vue实现404页面重定向？

本文共计824个文字，预计阅读时间需要4分钟。

Nuxt.js 结合 pages 目录自动生成 vue-router 路由配置。页面间使用 nuxt-link 标签实现路由跳转。Nuxt 是我个人用过的最佳软件代码之一。它让我高效地构建网站。

Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。

要在页面之间使用路由，我们建议使用<nuxt-link> 标签。

正文

对我来说，Nuxt 是我所用过最好用的软件代码之一。它可以让我高效率地打造网站应用，无论这些应用是 SPA，还是 SSR，又或者是静态站点，这同时也是 JAM Stack 上面所提到的趋势。

顺便提一点，我们这个网站Vuedose 也是使用 Nuxt 所建立静态站点。

但是，绝大多数自己领悟的很有意思的使用技巧并没有被记载沉淀下来，这不行，现在我们就来分享第一个 Nuxt 的技巧。

如果你熟悉 Nuxt.js，那么你就应该知道pages 的概念是什么。同样地，你也应该知道这个特殊的Error Page，虽然它是被放在 Layouts 文件夹中的，但它是被作为一个 page。

你可以去重写这个默认的错误页，并且根据你的需求去定制它，但是如果我们想要一个不同的表现形式呢？

在一些情况下，比如当用户访问一个并不存在的页面时，我们想要将其重定向到网站主页。