nuxt.js - Nuxt.js 静态站点和 404 页面

Question

我目前已经创建了一个pages/404.vue文件，然后，在我的服务器设置中，我将任何不存在的 url 重定向到 /404.html（生成的页面）。

除了我必须声明文件扩展名（如果我重定向到 /404 它会给我重定向错误），它似乎工作正常，而且我想它也会给我一个简单的方法来创建其他服务器错误文件，如果需要的话。

但是，按照文档，我首先尝试添加fallback: trueinside generate:{ }。这会404.html在我的根目录中创建一个页面，但使用默认的 Nuxt 布局（无限加载轮页）。

我认为创建layouts/error.vue（根据文档）可以解决问题，但似乎并非如此。

什么是正确的做法，如果要遵循文档，为什么我的个性化 error.vue 不起作用？谢谢。

标签： nuxt.jscustom-error-pagesstatic-site

Answer 1

为了在 nuxt.js 中生成 404 后备页面，您需要首先在 nuxt.config.js 中设置生成选项，如下所示 generate: { fallback: '404.html' }

然后你需要在你的 layouts 目录中创建一个名为 error.vue 的新布局

layouts/error.vue

完成此操作nuxt generate后，您可以nuxt start使用 404 错误的后备页面运行项目。