Informe de error

Describe el error

Cuando se lanza una excepción en getServerSideProps en un entorno sin servidor, la respuesta se devuelve con un código de estado 502 (Bad Gateway), que definitivamente no es lo que es. Además, las páginas 500 personalizadas o predeterminadas no se procesan en este caso, por lo que el usuario puede ver un seguimiento de la pila según cómo o dónde se implemente la aplicación en producción. Este parece ser un problema de Next 9.5+, ya que devolvió un código de estado 500 y una página de error adecuada con el mismo código en 9.4.x.

Reproducir

Esto sucederá con cualquier página que encuentre un error en getServerSideProps. He creado un repositorio de muestra aquí con una página de "problemas":

https://github.com/spencewood/throw-app

Esto simplemente incluye:

import React from "react";

export default function Problem() {
  return (
    <>
      <h1>Problem!</h1>
    </>
  );
}

export const getServerSideProps = () => {
  throw new Error("error");
};

Esta página desplegada en vercel: https://throw-app.vercel.app/problem

Y rizo:

❯ curl -I "https://throw-app.vercel.app/problem"
HTTP/2 502 
date: Fri, 07 Aug 2020 18:20:24 GMT
content-type: text/plain; charset=utf-8
x-nextjs-page: /problem
content-length: 68
server: Vercel
x-vercel-id: cle1::2cxmx-1596824424449-1d2c09ffce13
strict-transport-security: max-age=63072000; includeSubDomains; preload
cache-control: s-maxage=0

Comportamiento esperado

Simplemente degradar la aplicación anterior a Siguiente 9.4 representará correctamente la página 500 predeterminada para Siguiente y devolverá un código de estado 500. Esto es lo que debería estar sucediendo, ya que un 500 indica simplemente "error del servidor" y 502 indica "no válido / sin respuesta".

Capturas de pantalla

A continuación se muestran capturas de pantalla de https://throw-app.vercel.app/problem con la fuente aquí: https://github.com/spencewood/throw-app

Siguiente 9.4

Siguiente 9.5

otros pensamientos

Obviamente, no va a generar un error como este, pero cualquier excepción lanzada mientras se generan datos dinámicos del lado del servidor para ser entregados a la aplicación provocará el error 502.