Rapport d'erreur

Décrivez le bogue

Lorsqu'une exception est levée dans getServerSideProps dans un environnement sans serveur, la réponse est renvoyée avec un code d'état 502 (Bad Gateway), ce qui n'est certainement pas ce qu'il est. En outre, les pages 500 personnalisées ou par défaut ne sont pas rendues dans ce cas, de sorte que l'utilisateur peut voir une trace de pile en fonction de la manière ou de l'emplacement de déploiement de l'application en production. Cela semble être un problème Next 9.5+, car il a renvoyé un code d'état 500 et une page d'erreur appropriée avec le même code dans 9.4.x.

Reproduire

Cela se produira avec toute page qui rencontre une erreur dans getServerSideProps. J'ai créé un exemple de dépôt ici avec une page "problème":

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

Cela comprend simplement:

import React from "react";

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

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

Cette page déployée sur vercel: https://throw-app.vercel.app/problem

Et curl:

❯ 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

Comportement prévisible

Le simple fait de rétrograder l'application ci-dessus vers Next 9.4 rendra correctement la page 500 par défaut pour Next et renverra un code d'état 500. C'est ce qui devrait se passer, car un 500 indique simplement "erreur de serveur" et 502 indique "non valide / pas de réponse".

Captures d'écran

Vous trouverez ci-dessous des captures d'écran de https://throw-app.vercel.app/problem avec la source ici: https://github.com/spencewood/throw-app

Suivant 9.4

Suivant 9.5

d'autres pensées

De toute évidence, vous n'allez pas lancer une erreur comme celle-ci, mais toute exception levée lors de la génération de données dynamiques côté serveur à l'application entraînera le 502.