nuxt.js - 如何在 nuxt beta 中制作自定义设计页面 404？

Question

我试图找到它在哪里是官方文档，但没有。

https://v3.nuxtjs.org/

我在文件夹布局中创建了 error.vue，但它没有用。

layouts
--default.vue
--error.vue

Answer 1

我不知道如何正确地做到这一点，但我做到了。

// add plugins\page.404.js
// nuxt.confin  plugins: [ '~/plugins/page.404' ]
    ],
import { defineNuxtPlugin } from '#app';
import { useRouter } from '#imports'
import NotFoundComponent from "~/components/pages/error.vue";

export default defineNuxtPlugin(() => {
    const router = useRouter();
    const page404 = { path: '/:pathMatch(.*)', component: NotFoundComponent };
    router.addRoute(page404);
});