Next.js - 显示 500 错误页面而不在每个页面中有条件地返回错误组件

Question

显示 500 错误页面的重复方式是否比将 errorCode 作为 prop 发送到页面组件并有条件地在每个页面中返回 Error 组件的方法更少。

正如 Next.js 文档中所建议的：

import Error from 'next/error'

export async function getServerSideProps() {
  const res = await fetch('https://api.github.com/repos/vercel/next.js')
  const errorCode = res.ok ? false : res.statusCode
  const json = await res.json()

  return {
    props: { errorCode, stars: json.stargazers_count },
  }
}

export default function Page({ errorCode, stars }) {
  if (errorCode) {
    return <Error statusCode={errorCode} />
  }

  return <div>Next stars: {stars}</div>
}

这可以在全球范围内捕获而不是在每个页面上重复吗？

if (errorCode) {
    return <Error statusCode={errorCode} />
  }