0
352
VistasLa página de error predeterminada de Nuxt3 no se puede sobrescribir con layouts/error.vue
Creé un archivo layouts/error.vue que me gustaría usar como mi página de error en mi aplicación Nuxt3.
Pero por alguna razón, la página de error predeterminada sigue cargándose cada vez.
Esta es la página de error predeterminada: 
Este es el código que tengo en mi archivo error.vue:
<template> <div class="container"> <h1 v-if="error.statusCode === 404">Page not found</h1> <h1 v-else>An error occurred</h1> <NuxtLink to="/">Home page</NuxtLink> </div> </template> <script> export default { props: ["error"], }; </script>Cada desarrollador que he visto hasta ahora o que he leído los documentos explica esto como algo bastante simple al crear una carpeta y un archivo, por lo que esto podría tener algo que ver con mi configuración aunque.
De todos modos, ¿alguno de ustedes podría señalarme la dirección correcta aquí, por favor?
1 Respuestas
Responde la pregunta0
Creó un archivo de error en la carpeta de layouts que significa Nuxt versión 2.
Para Nuxt 3, debe mantenerlo junto al archivo app.vue en su carpeta raíz. Como dice la documentación:
Puede personalizar esta página de error agregando ~/error.vue en el directorio de origen de su aplicación, junto con app.vue. Esta página tiene un solo accesorio: error que contiene un error para que usted lo maneje.