如何在 Next.js 中设置错误和 404 页？

Question

我创建了_error.js页面文件：

function CustomError({ statusCode }) {
  return (
    <figure>
      <figcaption>
        <h1>{statusCode}</h1>
      </figcaption>
    </figure>
  );
}

export default CustomError;

还有 404.js 页面：

export default function Custom404() {
  return <h1>404 - Page Not Found</h1>
}

如何使页面正常工作并在没有问题时出现？

我应该在每一页上都有一些逻辑吗？

Answer 1

_error.js会自动拾取 _error.js 页面 - 无需执行任何操作。

去测试

1. 对于 404 页面，只需传递一个无效路径，您就会看到该页面 - 确保您已将其命名为pages/404.js否则您将获得_error.js页面
   2. 对于错误页面 - 您可以抛出错误或错误键入会抛出错误的语句，您将在组件或整个容器的边界内看到错误