Ignore error pages for cache revalidate (#72412) (#72484)

packages/next/src/server/base-server.ts

@@ -1733,9 +1733,11 @@ export default abstract class Server<ServerOptions extends Options = Options> {
     if (pathname === UNDERSCORE_NOT_FOUND_ROUTE) {
       pathname = '/404'
     }
-    const is404Page = pathname === '/404'
-
-    const is500Page = pathname === '/500'
+    const isErrorPathname = pathname === '/_error'
+    const is404Page =
+      pathname === '/404' || (isErrorPathname && res.statusCode === 404)
+    const is500Page =
+      pathname === '/500' || (isErrorPathname && res.statusCode === 500)
     const isAppPath = components.isAppPath === true
 
     const hasServerProps = !!components.getServerSideProps

test/production/empty-ssg-fallback/empty-ssg-fallback.test.ts

@@ -0,0 +1,12 @@
+import { nextTestSetup } from 'e2e-utils'
+
+describe('empty-ssg-fallback', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+  })
+
+  it('should not cache 404 error page', async () => {
+    const res = await next.fetch('/any-non-existed')
+    expect(res.status).toBe(404)
+  })
+})

test/production/empty-ssg-fallback/pages/[...slug].tsx

@@ -0,0 +1,15 @@
+export const getStaticPaths = async () => {
+  return {
+    paths: [],
+    fallback: 'blocking',
+  }
+}
+export const getStaticProps = async () => {
+  return {
+    notFound: true,
+  }
+}
+
+export default function Page() {
+  return <p>slug</p>
+}

test/production/empty-ssg-fallback/pages/_error.tsx

@@ -0,0 +1,12 @@
+import { GetServerSidePropsContext } from 'next'
+
+function Error({ statusCode }: { statusCode: number }) {
+  return <p>{statusCode ? `${statusCode} error` : '500 error'}</p>
+}
+
+export async function getServerSideProps({ res }: GetServerSidePropsContext) {
+  const statusCode = res ? res.statusCode : 404
+  return { props: { statusCode } }
+}
+
+export default Error