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' }

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

layouts/error.vue

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

Answer 2

没有收到答案。

我最后删除了pages/404.vue，并将其创建为layouts/error.vue

由于某些原因，error.vue给了我与default.vue有关的错误，所以我创建了一个layouts/basic.vue布局作为error.vue的（几乎）空容器。

错误页面现在可以在开发期间运行，并且在新的nuxt期间（从nuxt 2.13开始）在完整的静态站点上开始本地测试，但仍然不能在活动站点上使用，我将检查是否与服务器设置有关。