Custom 404 error page

[ghost]

I'm trying to customize my 404 error page using ~/layouts/error.vue but it's not working on my Nuxt 3 project.

https://v3.nuxtjs.org/docs/directory-structure/layouts

Docs not mention it, so I don't know if this even possible yet.

Is there a way to customize 404 not found page?

Thanks.

[chenej9797]

Adding 404.vue under pages/ folder works for me.

[TrungRueta]

I also need find way to customize page 500. but look like Nuxt3 hardcoded error page for now. only 404 can customize.

Adding 404.vue under pages/ folder works for me.

Thanks!

Solved.

[andredewaard]

Any way to show this 404 page after a failed useFetch call? i dont want to 'redirect' after the call since the route will change then.

[carbdias]

@chenej9797 , can you provide a working example ? I've followed all the docs and examples and it always renders the default nuxt error page for me, not the customed one. I've put it close to the app.vue in the root of the project.