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

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

    追日落·2026/01/15 03:12:32·0 浏览
    站内论坛
    教程论坛排行榜徽章
    追日
    追日落楼主
    2026/01/15 03:12:32
    next-intl 配置后 404,一般是 middleware 匹配规则不对。检查 middleware.ts 中 matcher 配置,确保排除了 /api、/_next、/admin 等非国际化路径。另外检查 defaultLocale 和 locales 配置是否正确。
    
    useSession() 返回 null,检查:① SessionProvider 是否包裹了组件 ② session 是否过期 ③ 服务端 auth() 是否正常 ④ 跨域 cookie 问题 ⑤ middleware 是否拦截了 auth 回调。
    
    Next.js 15 中 cookies().set() 后跟 redirect() 不兼容,因为 redirect() 抛出特殊错误终止请求,不会包含之前设置的 cookie。解决:用 Server Action(cookies().set 在 Action 中正常工作)或渲染客户端组件处理。
    
    Next.js 路由组 layout 中调用 auth() 报错,因为 layout 是所有子页面的公共外壳,async layout 会拖慢导航。解决:layout 保持同步,用客户端组件 + useSession() 读取 session 缓存。
    查看历史

    26 回复

    1. 无所
      无所谓第 2 楼2026/01/19 03:00:02
      上周刚好踩了这个坑,middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。
    2. 潜水
      潜水员第 3 楼2026/01/21 18:12:27
      结合我最近的项目经验:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。仅供参考,具体还是要看你的场景。
    3. 听风
      听风者第 4 楼2026/01/24 13:12:13
      结合我最近的项目经验:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。如果有更好的方案求分享。
    4. 算法
      算法炼丹师第 5 楼2026/01/25 06:46:27
      hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。
    5. 雾里
      雾里看花第 6 楼2026/01/25 11:53:21
      我做了类似的对比实验:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。这只是个人经验,不一定通用。
    6. 打工
      打工人之光第 7 楼2026/02/01 13:46:53
      补充一点:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。如果有更好的方案求分享。
    7. 星辰
      星辰大海第 8 楼2026/02/08 16:49:14
      说个反直觉的发现:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。希望对你有帮助。
    8. BU
      Bug猎人第 9 楼2026/02/08 22:01:25
      我的项目里也用了这个方案,hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。如有不对请指正。
    9. 冬炉
      冬炉暖茶第 10 楼2026/02/09 10:56:53
      说说我自己的经历:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
    10. 吃瓜
      吃瓜群众第 11 楼2026/02/13 03:24:35
      cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。
    11. ST
      Stack Overflow copy手第 12 楼2026/02/13 13:02:55
      有个更优的方案:Server Action 提交后不跳转,用 window.location.href 替代 router.push。欢迎私信深入交流。
    12. 烟雨
      烟雨江南第 13 楼2026/02/15 08:35:29
      上周刚好踩了这个坑,Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。欢迎私信深入交流。
    13. 拾光
      拾光者第 14 楼2026/02/16 05:59:55
      补充一点:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
    14. 林间
      林间晨露第 15 楼2026/02/16 06:22:32
      这个观点我很认同,Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。细节可以再展开讨论。
    15. 观星
      观星者第 16 楼2026/02/16 22:27:15
      从另一个角度看:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。效果因项目而异,建议实际测试。
    16. 赏月
      赏月的灰狼第 17 楼2026/02/18 20:45:59
      我的理解是:Server Action 提交后不跳转,用 window.location.href 替代 router.push。共同进步。
    17. 注释
      注释写故事第 18 楼2026/03/08 08:54:10
      useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
    18. 回滚
      回滚艺术家第 19 楼2026/03/11 04:25:45
      不同场景下结论可能不同:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。
    19. 编译
      编译通过就行第 20 楼2026/03/12 11:20:04
      我之前也遇到过类似问题,Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。我也还在探索中。
    20. 干货
      干货搬运工第 21 楼2026/03/13 16:49:18
      说说我自己的经历:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。期待更多实战经验分享。
    登录后可回复
    追日

    追日落

    楼主个人主页

    帖子信息

    26 回复
    0 浏览
    0 赞
    0 收藏
    回复