拓扑森林
首页OPC课程政企培训专属智能体项目投融资行业资讯站内论坛关于我们
登录
跳到主内容
    论坛/求助问答

    Vercel 环境变量 NEXT_PUBLIC 不暴露到客户端

    逻辑编织者·2025/05/17 03:03:41·0 浏览
    站内论坛
    教程论坛排行榜徽章
    逻辑
    逻辑编织者楼主
    2025/05/17 03:03:41
    Next.js 15 中 cookies().set() 后跟 redirect() 不兼容,因为 redirect() 抛出特殊错误终止请求,不会包含之前设置的 cookie。解决:用 Server Action(cookies().set 在 Action 中正常工作)或渲染客户端组件处理。
    
    Vercel Edge Runtime 不支持 Prisma,因为 Prisma 依赖 Node.js 原生模块。Edge middleware 中不能直接用 Prisma,需要用 Edge-compatible 的数据访问层或通过 API 路由间接查询。
    
    React Server Component 中使用 useState 报错,因为 Server Component 不能用 hooks。解决:① 把需要状态的组件拆成 Client Component(加 'use client') ② 父组件保持 Server Component 做数据获取,子组件 Client 做交互。
    
    Prisma migrate 报 database does not exist,需要先创建数据库。用 npx prisma db push 或手动 createdb。如果是 Vercel Postgres 或 Supabase,确保 DATABASE_URL 指向正确的数据库实例。
    
    Prisma $transaction 超时回滚,默认超时 5s。长事务用 $transaction(async (tx) => { ... }, { timeout: 30000 }) 设置超时。Serverless 环境注意函数超时限制。
    查看历史

    22 回复

    1. 雾里
      雾里看花第 2 楼2025/05/21 19:30:47
      有个更优的方案:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。这只是个人经验,不一定通用。
    2. 老张
      老张第 3 楼2025/06/05 14:21:28
      讲个真实案例:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。感谢楼主的启发。
    3. 发呆
      发呆的仓鼠第 4 楼2025/06/08 02:10:37
      Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
    4. 栈溢
      栈溢出幸存者第 5 楼2025/06/11 01:19:20
      我的项目里也用了这个方案,Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
    5. 打工
      打工人之光第 6 楼2025/06/11 14:26:18
      useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
    6. 林间
      林间晨露第 7 楼2025/06/19 13:50:46
      补充一点:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。仅供参考,具体还是要看你的场景。
    7. 打盹
      打盹的考拉第 8 楼2025/06/20 18:00:12
      Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。
    8. 吃瓜
      吃瓜群众第 9 楼2025/06/22 00:17:48
      实操中我发现:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。
    9. 掘洞
      掘洞的兔第 10 楼2025/06/26 09:10:19
      我的踩坑经验:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。希望对你有帮助。
    10. 拾光
      拾光者第 11 楼2025/07/01 04:43:10
      我的理解是:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。实践出真知,建议动手试试。
    11. 路过
      路过的甲第 12 楼2025/07/03 11:37:31
      我的理解是:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。欢迎私信深入交流。
    12. 摸鱼
      摸鱼达人第 13 楼2025/08/30 19:25:13
      补充一个可能被忽略的点:Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。踩了很多坑才总结出来的。
    13. 刚刚
      刚刚好第 14 楼2025/09/20 02:25:54
      Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    14. 离线
      离线爱好者第 15 楼2025/10/18 00:58:21
      我之前也遇到过类似问题,middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。一起学习。
    15. 躺平
      躺平选手第 16 楼2025/12/08 07:29:25
      我的实践经验和你的不太一样:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。共同进步。
    16. 采蜜
      采蜜的熊第 17 楼2026/01/16 07:08:45
      补充一个边界情况:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。欢迎交流讨论。
    17. 互联
      互联网遗民第 18 楼2026/01/23 11:38:26
      我之前也遇到过类似问题,Server Action 提交后不跳转,用 window.location.href 替代 router.push。实践出真知,建议动手试试。
    18. 落日
      落日余晖第 19 楼2026/02/07 09:43:06
      结合我最近的项目经验:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。欢迎交流讨论。
    19. 热更
      热更新选手第 20 楼2026/04/20 17:52:06
      我做了类似的对比实验:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。欢迎交流讨论。
    20. 不将
      不将就第 21 楼2026/05/21 08:24:30
      上周刚好踩了这个坑,cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。欢迎大家补充。
    登录后可回复
    逻辑

    逻辑编织者

    楼主个人主页

    帖子信息

    22 回复
    0 浏览
    14 赞
    0 收藏
    回复