跳到主内容

Next.js Server Action 提交后不跳转

Miguel Santos168 浏览
MI
Miguel Santos楼主
Auth.js 5 signIn redirect:false 返回 { error, ok, status, url }。判断成功：!result.error && result.ok。注意 result.url 可能含 ?error= 参数，用 redirectTo 显式指定避免误判。

遇到 hydration mismatch 报错，一般是服务端和客户端渲染的 HTML 不一致。常见原因：① 在组件中用了 Date.now() 或 Math.random() ② 用了 window/document 等浏览器 API ③ 服务端和客户端时区不同。解决：把动态值放到 useEffect 里设置，或加 suppressHydrationWarning。

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

Prisma 软删除查询过滤重复，用 middleware 自动过滤 deletedAt: null。Prisma 6 支持 extends 中间件，在 query 前自动加 deletedAt 过滤条件，避免每次查询都手动加。
Next.js
查看历史

52 回复

  1. 内卷
    内卷幸存者第 2 楼
    Server Action 提交后不跳转，用 window.location.href 替代 router.push。
  2. 摸鱼
    摸鱼达人第 3 楼
    useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  3. 顾北
    顾北辰第 4 楼
    我的理解是：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。感谢楼主的启发。
  4. EM
    Emma Lindqvist第 5 楼
    结合我最近的项目经验：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。欢迎私信深入交流。
  5. 苏晚
    苏晚晴第 6 楼
    我的结论恰恰相反：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。有疑问可以继续问。
  6. CH
    Chloe Bennett第 7 楼
    上周刚好踩了这个坑，useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  7. NG
    Nguyen Minh Anh第 8 楼
    实操中我发现：Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。期待更多实战经验分享。
  8. RO
    Ronan Doyle第 9 楼
    反对一下，我的测试结果不是这样：useSession() 返回 null 检查 SessionProvider 是否包裹了组件。后续有新发现再来更新。
  9. 不将
    不将就第 10 楼
    我的项目里也用了这个方案，hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。我也还在探索中。
  10. 陈墨
    陈墨白第 11 楼
    有个更优的方案：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。
  11. 断网
    断网生存者第 12 楼
    我做了类似的对比实验：Tailwind v4 升级后 @tailwind 指令改为 @import 'tailwindcss'。期待更多实战经验分享。
  12. 搬家
    搬家的蚂蚁第 13 楼
    上周刚好踩了这个坑，Prisma 连接池在 Serverless 环境设 connection_limit=1，加 ?pgbouncer=true。我也还在探索中。
  13. 云中
    云中漫步第 14 楼
    这个问题我研究过一阵，Server Action 提交后不跳转，用 window.location.href 替代 router.push。仅供参考，具体还是要看你的场景。
  14. NO
    Noor Abdallah第 15 楼
    实操中我发现：next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。踩了很多坑才总结出来的。
  15. 星辰
    星辰大海第 16 楼
    我的看法略有不同：hydration mismatch 一般是服务端客户端渲染不一致，加 suppressHydrationWarning 试试。如果有更好的方案求分享。
  16. 无所
    无所谓第 17 楼
    我的项目里也用了这个方案，next/dynamic + ssr:false 不能在 Server Component 用，要包一层 'use client'。这只是个人经验，不一定通用。
  17. 冬炉
    冬炉暖茶第 18 楼
    补充一个边界情况：Server Action 提交后不跳转，用 window.location.href 替代 router.push。效果因项目而异，建议实际测试。
  18. TR
    Tran Quoc Bao第 19 楼
    补充一点：cookies().set() + redirect() 在 Server Component 不兼容，改用 Server Action。细节可以再展开讨论。
  19. 奔跑
    奔跑的树懒第 20 楼
    不同场景下结论可能不同：Vercel 环境变量改了要重新部署才生效，NEXT_PUBLIC_ 变量尤其如此。效果因项目而异，建议实际测试。
  20. AN
    Anwar Hidayat第 21 楼
    从另一个角度看：revalidatePath 路径要含 locale 前缀，如 /zh/forum/thread/xxx。效果因项目而异，建议实际测试。
登录后可回复
    数据正在加载中…