NextJS 13.4对接MailChimp表单部署Firebase提交遇500错误求助

问题概述 #

基于NextJS 13.4开发的订阅表单对接MailChimp，本地生产环境运行正常，但部署到Firebase Hosting后提交表单时出现SyntaxError: Unexpected token 'I', "Internal S"... is not valid JSON错误。尝试添加Middleware拦截API请求，本地测试可正常返回400错误，但部署后仍出现500错误（请求未到达Middleware）。降级NextJS到13.4.2后出现502错误，Firebase Functions提示请求超时，最终迁移到Vercel后问题完全解决。

排查方向 #

• Firebase与NextJS App Router兼容性：NextJS 13.4的App Router API路由在Firebase Hosting环境下可能存在适配问题，边缘函数或Server Components的处理逻辑与本地环境存在差异，导致请求无法正常流转。
• CORS配置错误：检查Middleware中的allowedOrigins配置，示例代码中"https:forFailing.com/"存在格式错误（缺少协议双斜杠、多余末尾斜杠），部署后origin匹配逻辑可能因环境不同触发异常，导致请求被异常拦截或放行。
• Firebase Functions超时限制：对接MailChimp的API请求可能耗时较长，超出Firebase Functions默认超时时间，即使调整超时参数，也可能因第三方服务响应慢或网络问题触发502错误。
• NextJS版本bug：13.4.x部分版本与Firebase部署工具存在兼容性bug，降级版本虽能解决部分用户问题，但因项目依赖、配置差异，不一定适用于所有场景。

可行解决方案 #

• 迁移到Vercel：作为NextJS官方托管平台，对App Router、Middleware、API路由等特性支持更原生，无需额外适配即可正常运行。
• 若继续使用Firebase：
  • 修正Middleware的allowedOrigins格式，例如改为["https://forFailing.com"]（补全协议双斜杠，移除末尾不必要的斜杠）。
  • 在firebase.json中调整Firebase Functions的超时参数，延长请求处理时间。
  • 尝试将App Router的API路由替换为Pages Router的API路由，验证是否能兼容Firebase部署环境。

内容的提问来源于stack exchange，提问作者Tomas