Nuxt.js 静态站点和 404 页面

Question

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

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

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

我假设创建 layouts/error.vue (根据文档)可以解决问题，但似乎并非如此。

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

Answer 1

为了在 nuxt.js 中生成 404 回退页面，您需要首先像这样在 nuxt.config.js 中设置 generate 选项generate: { fallback: '404.html' }然后你需要在你的 layouts 目录中创建一个名为 error.vue 的新布局

layouts/error.vue

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