0
320
ViewsLa página 404 personalizada de Nextjs no se muestra al acceder a una URL no válida en netlify
Creé un archivo 404.js en la carpeta /pages en mi proyecto Nextjs, la página 404 funciona perfectamente al ingresar un error o una URL no válida en local, pero cuando se implementa en netlify, muestra la página de error predeterminada de netlify.
detalles de la versión
"next": "^10.0.4", "react": "17.0.2",Intenté la regla de redirección de netlify, pero no pasó nada
[[redirects]] from = "/*" to = "/404.html" status = 4042 answers
Answer question0
Encontré una solución cuando cambié aleatoriamente la regla de redirecciones según este artículo https://docs.netlify.com/routing/redirects/#syntax-for-the-netlify-configuration-file
Aquí está mi solución, funciona cuando se vuelve a implementar después.
Cree un archivo netlify.toml en el directorio del proyecto y pegue el código debajo.
[[redirects]] from = "/*" to = "/404" status = 4040
Encontré dos soluciones en esta página => https://www.netlify.com/blog/2019/01/16/redirect-rules-for-all-how-to-configure-redirects-for-your-static-site /
- Agregué un archivo
_redirectsdentro de la carpeta /public como /public/_redirects. Luego pegué/* /index.html 200en el archivo _redirects.
vuelve a implementar tu aplicación y listo
O segunda forma:
Agregue el archivo
netlify.tomlal directorio raíz de su proyecto y péguelo en:[[redirects]] from = "/*" to = "/" status = 200
vuelve a implementar tu aplicación y listo