NextJS SPA表单提交Google Sheet生产环境500错误排查求助

核心问题 #

你的NextJS API路由在生产环境无法读取AWS注入的环境变量，导致Google认证因缺失client_email字段抛出500错误，尽管CloudWatch日志显示变量已存在。

1. 是否需要在Dockerfile中配置这些密钥？ #

不需要在Dockerfile中硬编码密钥（这会带来严重安全风险），但要注意几个关键问题：

• 移除NEXT_PUBLIC_前缀：NEXT_PUBLIC_开头的变量会被打包到客户端代码中，既泄露敏感密钥，又会干扰服务端变量读取逻辑。你的Google密钥是服务端专用的敏感信息，应改用普通环境变量名（比如GOOGLE_CLIENT_EMAIL），同时同步修改代码中对应的process.env读取字段。
• 删除dotenv-flow的手动配置：你代码中调用的require('dotenv-flow').config()在生产环境会干扰变量读取——NextJS会自动加载系统注入的环境变量，无需额外调用dotenv-flow，多余的配置可能导致生产环境下变量无法被正确识别。
• 确认容器变量传递：确保AWS通过ECS任务定义、Beanstalk环境配置等方式，将环境变量正确注入到运行的容器实例中，Dockerfile本身不需要额外配置。

2. 问题是否与CSP相关？ #

完全无关。CSP（内容安全策略）是浏览器层面的安全控制规则，用于限制页面可加载的资源来源。你的错误发生在服务端API路由的认证逻辑中，属于服务端代码执行问题，和浏览器的CSP配置没有任何关联。

额外修复建议 #

1. 修改环境变量命名：将.env中的NEXT_PUBLIC_GOOGLE_CLIENT_EMAIL、NEXT_PUBLIC_GOOGLE_PRIVATE_KEY、NEXT_PUBLIC_GOOGLE_SHEET_ID分别改为GOOGLE_CLIENT_EMAIL、GOOGLE_PRIVATE_KEY、GOOGLE_SHEET_ID，并同步更新代码中的变量读取语句。
2. 移除dotenv-flow依赖及相关代码：NextJS生产环境会自动读取系统环境变量，无需手动加载配置文件。
3. 增加日志验证：在API路由中直接打印修改后的变量名（如process.env.GOOGLE_CLIENT_EMAIL），确认生产环境下代码是否能正确获取到变量值。

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