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

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

    吃瓜群众·2025/01/04 23:51:28·0 浏览
    站内论坛
    教程论坛排行榜徽章
    吃瓜
    吃瓜群众楼主
    2025/01/04 23:51:28
    遇到 hydration mismatch 报错,一般是服务端和客户端渲染的 HTML 不一致。常见原因:① 在组件中用了 Date.now() 或 Math.random() ② 用了 window/document 等浏览器 API ③ 服务端和客户端时区不同。解决:把动态值放到 useEffect 里设置,或加 suppressHydrationWarning。
    
    Auth.js credentials 登录返回 null,检查:① authorize 函数是否正确返回 user 对象 ② 密码 bcrypt.compare 是否正确 ③ 用户状态是否 active ④ 是否触发了限流 ⑤ email 是否小写化匹配。
    
    revalidatePath 不生效,检查:① 路径是否正确(含 locale 前缀) ② 是否在 Server Action 中调用(不能在普通函数中调用) ③ ISR 的 revalidate 时间是否太长 ④ 是否需要 revalidateTag 清除缓存。
    
    Prisma 连接池超时一般是 connection_limit 设置不当。Serverless 环境(Vercel)建议 connection_limit=1,因为每个函数实例独立连接。如果用 PgBouncer 或 Supabase connection pooler,URL 加 ?pgbouncer=true&connection_limit=1。
    查看历史

    47 回复

    1. 结网
      结网的蜘蛛第 2 楼2025/01/11 13:53:33
      next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
    2. 并发
      并发摆渡人第 3 楼2025/01/17 09:34:41
      补充一个可能被忽略的点:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。一起学习。
    3. 老张
      老张第 4 楼2025/01/18 04:50:58
      Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。
    4. 冬炉
      冬炉暖茶第 5 楼2025/01/19 06:39:31
      我的结论恰恰相反:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。这只是个人经验,不一定通用。
    5. 听风
      听风者第 6 楼2025/01/25 21:01:37
      讲个真实案例:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。感谢楼主的启发。
    6. 数星
      数星星第 7 楼2025/01/29 23:12:58
      实操中我发现:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。实践出真知,建议动手试试。
    7. 林间
      林间晨露第 8 楼2025/01/30 22:36:07
      补充一个可能被忽略的点:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。仅供参考,具体还是要看你的场景。
    8. 慢慢
      慢慢来第 9 楼2025/02/05 10:23:47
      Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
    9. 差不
      差不多第 10 楼2025/02/06 07:26:24
      我的看法略有不同:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。如果有更好的方案求分享。
    10. 算法
      算法炼丹师第 11 楼2025/02/15 06:39:23
      这个问题我研究过一阵,useSession() 返回 null 检查 SessionProvider 是否包裹了组件。欢迎大家补充。
    11. 隔壁
      隔壁老王第 12 楼2025/02/16 16:35:24
      我的踩坑经验:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。这只是个人经验,不一定通用。
    12. 干货
      干货搬运工第 13 楼2025/02/17 04:18:57
      说个反直觉的发现:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。有疑问可以继续问。
    13. 暮色
      暮色苍茫第 14 楼2025/02/21 19:42:11
      有个更优的方案:Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    14. 思考
      思考的柴犬第 15 楼2025/02/23 02:53:22
      说个反直觉的发现:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。这只是个人经验,不一定通用。
    15. 打工
      打工人之光第 16 楼2025/02/23 20:27:06
      Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。
    16. 竹林
      竹林深处第 17 楼2025/02/28 01:00:12
      Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
    17. 00
      007志愿者第 18 楼2025/03/02 08:04:31
      补充一个边界情况:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
    18. 佛系
      佛系青年第 19 楼2025/03/05 09:27:28
      这个思路很巧妙,Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
    19. 接口
      接口焊接工第 20 楼2025/03/22 20:07:40
      middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。
    20. 发呆
      发呆的仓鼠第 21 楼2025/04/08 01:33:23
      我的踩坑经验:Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。
    登录后可回复
    吃瓜

    吃瓜群众

    楼主个人主页

    帖子信息

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