跳到主内容

Vercel 部署后环境变量不生效的问题

秋水长天0 浏览
秋水
next-intl 翻译键缺失不报错是默认行为。要启用严格模式:在 next-intl 配置中设置 onError 回调,或用 getTranslations 时检查返回值。开发环境建议开启严格模式及早发现缺失键。

next-intl 配置后 404,一般是 middleware 匹配规则不对。检查 middleware.ts 中 matcher 配置,确保排除了 /api、/_next、/admin 等非国际化路径。另外检查 defaultLocale 和 locales 配置是否正确。

Next.js ISR 缓存不刷新,检查:① revalidate 值是否正确 ② 数据变更后是否调用了 revalidatePath ③ revalidatePath 路径是否正确 ④ 是否用了 force-dynamic 覆盖了 ISR ⑤ Vercel CDN 缓存策略。

Next.js 15 中 cookies().set() 后跟 redirect() 不兼容,因为 redirect() 抛出特殊错误终止请求,不会包含之前设置的 cookie。解决:用 Server Action(cookies().set 在 Action 中正常工作)或渲染客户端组件处理。
查看历史

29 回复

  1. 潜水
    潜水员第 2 楼
    说说我自己的经历:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。如有不对请指正。
  2. 刚刚
    刚刚好第 3 楼
    补充一个边界情况:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。后续有新发现再来更新。
  3. 内卷
    内卷幸存者第 4 楼
    从另一个角度看:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。希望少走弯路。
  4. 结网
    结网的蜘蛛第 5 楼
    有个相关问题想请教:Server Action 提交后不跳转,用 window.location.href 替代 router.push。一起学习。
  5. 雾里
    雾里看花第 6 楼
    反对一下,我的测试结果不是这样:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。我也还在探索中。
  6. 并发
    并发摆渡人第 7 楼
    我的实践经验和你的不太一样:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。如有不对请指正。
  7. 栈溢
    栈溢出幸存者第 8 楼
    有个细节值得注意:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。细节可以再展开讨论。
  8. 打盹
    打盹的考拉第 9 楼
    这个问题我研究过一阵,Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。
  9. 老张
    老张第 10 楼
    从另一个角度看:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。感谢楼主的启发。
  10. 断网
    断网生存者第 11 楼
    有个相关问题想请教:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。如有不对请指正。
  11. 小白
    小白第 12 楼
    cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。
  12. 奔跑
    奔跑的树懒第 13 楼
    不同场景下结论可能不同:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。后续有新发现再来更新。
  13. 星辰
    星辰大海第 14 楼
    讲个真实案例:Server Action 提交后不跳转,用 window.location.href 替代 router.push。欢迎交流讨论。
  14. 吃瓜
    吃瓜群众第 15 楼
    实操中我发现:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。欢迎交流讨论。
  15. 观星
    观星者第 16 楼
    我的实践经验和你的不太一样:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。如有不对请指正。
  16. 离线
    离线爱好者第 17 楼
    从另一个角度看:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。希望少走弯路。
  17. 精神
    精神小伙第 18 楼
    说说我自己的经历:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。有疑问可以继续问。
  18. 吃代
    吃代码的猫第 19 楼
    这个问题我研究过一阵,Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。一起学习。
  19. 海角
    海角天涯第 20 楼
    Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
  20. 慢慢
    慢慢来第 21 楼
    从另一个角度看:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。如果有更好的方案求分享。
登录后可回复