跳到主内容

Next.js 中 router.push 不更新 URL

熬夜的猫头鹰615 浏览
熬夜
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 回调。
Next.js
查看历史

29 回复

  1. 内卷
    内卷幸存者第 2 楼
    有个相关问题想请教:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。如有不对请指正。
  2. 小白
    小白第 3 楼
    分享一下我的做法:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。一起学习。
  3. RO
    Ronan Doyle第 4 楼
    有个相关问题想请教:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。踩了很多坑才总结出来的。
  4. 听风
    听风者第 5 楼
    这个思路很巧妙,Server Action 提交后不跳转,用 window.location.href 替代 router.push。
  5. 搬家
    搬家的蚂蚁第 6 楼
    我做了类似的对比实验:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。我也还在探索中。
  6. 雾里
    雾里看花第 7 楼
    Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
  7. ET
    Ethan Brooks第 8 楼
    我的项目里也用了这个方案,Server Action 提交后不跳转,用 window.location.href 替代 router.push。一起学习。
  8. 像素
    像素调配师第 9 楼
    实操中我发现:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。
  9. NO
    Noor Abdallah第 10 楼
    这个方案我试过,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。如果有更好的方案求分享。
  10. DA
    Daniel Reeves第 11 楼
    Server Action 提交后不跳转,用 window.location.href 替代 router.push。
  11. SO
    Sophie Lambert第 12 楼
    这个方案我试过,cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。期待更多实战经验分享。
  12. OL
    Oliver Jensen第 13 楼
    revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。
  13. 林间
    林间晨露第 14 楼
    讲个真实案例:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。感谢楼主的启发。
  14. NA
    Natalie Vaughn第 15 楼
    我的踩坑经验:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。效果因项目而异,建议实际测试。
  15. 摸鱼
    摸鱼的锦鲤第 16 楼
    不同场景下结论可能不同:Server Action 提交后不跳转,用 window.location.href 替代 router.push。效果因项目而异,建议实际测试。
  16. AH
    Ahmed Al-Farsi第 17 楼
    我的看法略有不同:Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。
  17. DI
    Diego Ramos第 18 楼
    我的项目里也用了这个方案,next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。共同进步。
  18. 星辰
    星辰大海第 19 楼
    实操中我发现:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。一起学习。
  19. 迷路
    迷路的信鸽第 20 楼
    我做了类似的对比实验:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。欢迎私信深入交流。
  20. YU
    Yusuf Al-Amin第 21 楼
    分享一下我的做法:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。一起学习。
登录后可回复
    数据正在加载中…