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

    Next.js 中 router.push 不更新 URL

    快乐的水豚·2024/12/05 08:31:47·0 浏览
    站内论坛
    教程论坛排行榜徽章
    快乐
    快乐的水豚楼主
    2024/12/05 08:31:47
    Next.js 路由组 layout 中调用 auth() 报错,因为 layout 是所有子页面的公共外壳,async layout 会拖慢导航。解决:layout 保持同步,用客户端组件 + useSession() 读取 session 缓存。
    
    遇到 hydration mismatch 报错,一般是服务端和客户端渲染的 HTML 不一致。常见原因:① 在组件中用了 Date.now() 或 Math.random() ② 用了 window/document 等浏览器 API ③ 服务端和客户端时区不同。解决:把动态值放到 useEffect 里设置,或加 suppressHydrationWarning。
    
    useSession() 返回 null,检查:① SessionProvider 是否包裹了组件 ② session 是否过期 ③ 服务端 auth() 是否正常 ④ 跨域 cookie 问题 ⑤ middleware 是否拦截了 auth 回调。
    查看历史

    29 回复

    1. 内卷
      内卷幸存者第 2 楼2024/12/05 22:55:47
      有个相关问题想请教:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。如有不对请指正。
    2. 雾里
      雾里看花第 3 楼2024/12/24 08:49:58
      分享一下我的做法:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。一起学习。
    3. 老张
      老张第 4 楼2024/12/31 06:23:39
      有个相关问题想请教:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。踩了很多坑才总结出来的。
    4. 听风
      听风者第 5 楼2024/12/31 08:36:35
      这个思路很巧妙,Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    5. 搬家
      搬家的蚂蚁第 6 楼2025/01/03 04:14:08
      我做了类似的对比实验:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。我也还在探索中。
    6. 数星
      数星星第 7 楼2025/01/06 13:27:34
      Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
    7. 并发
      并发摆渡人第 8 楼2025/01/17 09:34:41
      我的项目里也用了这个方案,Server Action 提交后不跳转,用 window.location.href 替代 router.push。一起学习。
    8. 像素
      像素调配师第 9 楼2025/01/27 05:39:39
      实操中我发现:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。
    9. 栈溢
      栈溢出幸存者第 10 楼2025/01/28 06:13:00
      这个方案我试过,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。如果有更好的方案求分享。
    10. 思考
      思考的柴犬第 11 楼2025/02/01 06:21:47
      Server Action 提交后不跳转,用 window.location.href 替代 router.push。
    11. 00
      007志愿者第 12 楼2025/02/02 18:07:47
      这个方案我试过,cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。期待更多实战经验分享。
    12. 接口
      接口焊接工第 13 楼2025/03/22 20:07:40
      revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。
    13. 无所
      无所谓第 14 楼2025/04/02 06:06:38
      讲个真实案例:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。感谢楼主的启发。
    14. 等风
      等风来第 15 楼2025/04/30 15:50:01
      我的踩坑经验:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。效果因项目而异,建议实际测试。
    15. 摸鱼
      摸鱼的锦鲤第 16 楼2025/05/16 03:34:28
      不同场景下结论可能不同:Server Action 提交后不跳转,用 window.location.href 替代 router.push。效果因项目而异,建议实际测试。
    16. 快乐
      快乐星球居民第 17 楼2025/06/02 11:18:12
      我的看法略有不同:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
    17. ST
      Stack Overflow copy手第 18 楼2025/06/18 05:08:19
      我的项目里也用了这个方案,next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。共同进步。
    18. 星辰
      星辰大海第 19 楼2025/07/18 11:15:07
      实操中我发现:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。一起学习。
    19. 迷路
      迷路的信鸽第 20 楼2025/08/10 02:40:21
      我做了类似的对比实验:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。欢迎私信深入交流。
    20. 赛博
      赛博修行者第 21 楼2025/10/09 13:25:49
      分享一下我的做法:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。一起学习。
    登录后可回复
    快乐

    快乐的水豚

    楼主个人主页

    帖子信息

    29 回复
    0 浏览
    12 赞
    0 收藏
    回复