默认情况下，Next.js自带了自己的错误页面，用于处理HTTP错误，如404（未找到）和500（内部服务器错误）。但是，我们可以自定义这些错误页面以匹配应用程序的外观。问题是如何？
xxslljrj1#
您可以创建自己的自定义404和500错误页面。对于404错误页面，在pages目录中创建一个名为404.js的新文件，您可以在其中创建自己的自定义404页面内容举个例子
404.js
export default function Custom404() { return <h1>404 - Page Not Found</h1> }
你也可以对500内部服务器错误页面做同样的事情。只要在pages目录下创建一个名为500.js的文件，并在其中填充这样的自定义内容。如果您正在获取一些内容并且弹出这些错误，您甚至可以在这些页面中使用getStaticProps。有关nextjs中错误页面的更多信息，请查看this page
500.js
getStaticProps
1条答案
按热度按时间xxslljrj1#
您可以创建自己的自定义404和500错误页面。
对于404错误页面，在pages目录中创建一个名为
404.js的新文件，您可以在其中创建自己的自定义404页面内容举个例子
你也可以对500内部服务器错误页面做同样的事情。只要在pages目录下创建一个名为
500.js的文件，并在其中填充这样的自定义内容。如果您正在获取一些内容并且弹出这些错误，您甚至可以在这些页面中使用
getStaticProps。有关nextjs中错误页面的更多信息，请查看this page