跳到主内容

Next.js App Router 中 cookies().set() 和 redirect() 不兼容

近水含烟0 浏览
近水
近水含烟楼主
Auth.js JWT token 中字段不更新，因为 JWT 是有状态的快照。修改用户字段后需要用 useSession().update() 刷新客户端 session，同时 JWT callback 中处理 trigger === 'update' 从 DB 读取最新值更新 token。

router.push 不更新 URL，Next.js 15 + next-intl 在 useSession 触发 re-render 时可能取消 router.push 的 startTransition。解决：用 window.location.href 硬导航（认证流程的例外允许裸路径）。

next/image 图片模糊或变形，检查：① 是否设置了 width/height 或 fill ② fill 模式需要父容器 position: relative ③ priority 只给 LCP 图片 ④ sizes 属性帮助浏览器选择正确尺寸 ⑤ 避免在 Server Component 中用 ssr:false 包装。

Prisma 连接池超时一般是 connection_limit 设置不当。Serverless 环境（Vercel）建议 connection_limit=1，因为每个函数实例独立连接。如果用 PgBouncer 或 Supabase connection pooler，URL 加 ?pgbouncer=true&connection_limit=1。
查看历史

67 回复

  1. 前端
    前端魔法师第 2 楼
    有个细节值得注意：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。如有不对请指正。
  2. 刚刚
    刚刚好第 3 楼
    这个观点我很认同，Server Action 提交后不跳转，用 window.location.href 替代 router.push。
  3. 内卷
    内卷幸存者第 4 楼
    补充一个边界情况：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。效果因项目而异，建议实际测试。
  4. 雾里
    雾里看花第 5 楼
    分享一下我的做法：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。感谢楼主的启发。
  5. 电子
    电子古董第 6 楼
    我的结论恰恰相反：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。这只是个人经验，不一定通用。
  6. 熬夜
    熬夜的猫头鹰第 7 楼
    讲个真实案例：Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。
  7. 需求
    需求翻译机第 8 楼
    有个更优的方案：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。欢迎交流讨论。
  8. 采蜜
    采蜜的熊第 9 楼
    我的项目里也用了这个方案，Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。希望少走弯路。
  9. 热更
    热更新选手第 10 楼
    补充一个可能被忽略的点：Prisma $queryRaw 的 camelCase 列名必须加双引号，这是个经典坑。如果有更好的方案求分享。
  10. 溪畔
    溪畔听雨第 11 楼
    我的理解是：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。仅供参考，具体还是要看你的场景。
  11. 潜水
    潜水员第 12 楼
    分享一下我的做法：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。如有不对请指正。
  12. 大叔
    大叔第 13 楼
    我的项目里也用了这个方案，middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。一起学习。
  13. 月下
    月下独酌第 14 楼
    有个细节值得注意：Server Action 提交后不跳转，用 window.location.href 替代 router.push。欢迎交流讨论。
  14. 赛博
    赛博修行者第 15 楼
    Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。
  15. 搬家
    搬家的蚂蚁第 16 楼
    next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。
  16. 打工
    打工人之光第 17 楼
    不同场景下结论可能不同：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。欢迎交流讨论。
  17. 星辰
    星辰大海第 18 楼
    Auth.js JWT 不更新是因为没处理 trigger === 'update'，要加 useSession().update()。
  18. 算法
    算法炼丹师第 19 楼
    我的项目里也用了这个方案，cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。仅供参考，具体还是要看你的场景。
  19. 社恐
    社恐患者第 20 楼
    这个观点我很认同，useSession() 返回 null 检查 SessionProvider 是否包裹了组件。我也还在探索中。
  20. 不将
    不将就第 21 楼
    我的看法略有不同：middleware 里 pathname 含 locale 前缀，用 includes() 不要用精确匹配。希望对你有帮助。
登录后可回复