버그 신고

버그 설명

서버리스 환경의 getServerSideProps에서 예외가 발생하면 응답은 상태 코드 502 (Bad Gateway)와 함께 반환됩니다. 또한이 경우 사용자 지정 또는 기본 500 페이지는 렌더링되지 않으므로 사용자는 앱이 프로덕션에 배포되는 방법 또는 위치에 따라 스택 추적을 볼 수 있습니다. 이것은 9.4.x에서 동일한 코드로 500 상태 코드와 적절한 오류 페이지를 반환했기 때문에 Next 9.5+ 문제로 보입니다.

재현하려면

이는 getServerSideProps에서 오류가 발생한 모든 페이지에서 발생합니다. 여기에 "문제"페이지가있는 샘플 저장소를 만들었습니다.

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

여기에는 다음이 포함됩니다.

import React from "react";

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

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

vercel에 배포 된이 페이지 : https://throw-app.vercel.app/problem

그리고 컬 :

❯ 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

예상되는 행동

위의 앱을 Next 9.4로 간단히 다운 그레이드하면 Next에 대한 기본 500 페이지가 올바르게 렌더링되고 500 상태 코드가 반환됩니다. 500은 단순히 "서버 오류"를 나타내고 502는 "유효하지 않음 / 응답 없음"을 나타냅니다.

스크린 샷

아래는 https://throw-app.vercel.app/problem의 스크린 샷이며 여기에 소스가 있습니다 : https://github.com/spencewood/throw-app

다음 9.4

다음 9.5

다른 생각들

분명히 이와 같은 오류는 발생하지 않을 것이지만 서버 측에서 동적 데이터를 생성하여 앱에 전달하는 동안 발생하는 모든 예외로 인해 502가 발생합니다.