如何在NextJS中禁用Netlify错误页面并使用自定义错误页面？

Question

我们在Netlify上托管了一个NextJS应用程序。我们使用Netlify _error.js文件实现了自定义错误页面，但当出现404或500错误时，我们得到的不是NextJS错误页面，而是Netlify错误页面。

我们是否必须禁用netlify.toml中的某些内容，以便得到我们自己的NextJS错误页面？还是有别的解决方案？

​

1

Answer 1

要使用自定义的404错误页面，您需要使用pages/404.js中的custom 404 page而不是pages/_error.js，因为404页面将是静态生成的。_error.js似乎主要针对500或其他服务器错误。有关详细信息，请参阅此tutorial或Next.js docs。

要在Netlify中使用新的static 404页面，可以使用Netlify创建一个custom 404 redirect，它将显示出来，而不是默认的404页面。

使用netlify.toml syntax配置404重定向

[[redirects]]
  from = "/*"
  to = "/404"
  status = 404