错误报告

描述错误

在无服务器环境中，如果在getServerSideProps中引发异常，则返回的响应状态码为502（错误的网关），绝对不是。 此外，在这种情况下，不会呈现自定义或默认的500页，因此用户可能会看到堆栈跟踪，具体取决于应用程序在生产环境中的部署方式或位置。 这似乎是Next 9.5+的问题，因为它在9.4.x中返回了500个状态代码和一个具有相同代码的正确错误页面。

重现

任何在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 ：

下一个9.4

下一个9.5

其他想法

显然，您不会抛出这样的错误，但是在服务器端生成动态数据以将其传递给应用程序时抛出的任何异常都将导致502。