跳到主内容

Next.js App Router 中拦截路由 catch-all

蜕皮的蛇0 浏览
蜕皮
toast 和 router.push 冲突,因为 toast 的状态更新会中断 router.push 的 startTransition。解决:用 window.location.href 硬导航,或先 toast 再 setTimeout(() => router.push, 0)。

Prisma migrate 报 database does not exist,需要先创建数据库。用 npx prisma db push 或手动 createdb。如果是 Vercel Postgres 或 Supabase,确保 DATABASE_URL 指向正确的数据库实例。

Server Action 提交后不跳转,可能是用了 router.push 而非 window.location.href。Next.js 15 + next-intl 的 router.push 在 startTransition 内会被 toast 的状态更新中断。解决:用 window.location.href 硬导航。

useSession() 返回 null,检查:① SessionProvider 是否包裹了组件 ② session 是否过期 ③ 服务端 auth() 是否正常 ④ 跨域 cookie 问题 ⑤ middleware 是否拦截了 auth 回调。

Next.js 15 中 cookies().set() 后跟 redirect() 不兼容,因为 redirect() 抛出特殊错误终止请求,不会包含之前设置的 cookie。解决:用 Server Action(cookies().set 在 Action 中正常工作)或渲染客户端组件处理。
查看历史

49 回复

  1. 刚刚
    刚刚好第 2 楼
    next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
  2. 采蜜
    采蜜的熊第 3 楼
    我的看法略有不同:Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。希望对你有帮助。
  3. 栈溢
    栈溢出幸存者第 4 楼
    这个问题我研究过一阵,Server Action 提交后不跳转,用 window.location.href 替代 router.push。有疑问可以继续问。
  4. 老张
    老张第 5 楼
    上周刚好踩了这个坑,cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。仅供参考,具体还是要看你的场景。
  5. 搬家
    搬家的蚂蚁第 6 楼
    useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  6. 数据
    数据淘金客第 7 楼
    这个观点我很认同,hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。
  7. 摸鱼
    摸鱼达人第 8 楼
    Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。
  8. 赛博
    赛博修行者第 9 楼
    我调研过这块,useSession() 返回 null 检查 SessionProvider 是否包裹了组件。一起学习。
  9. 结网
    结网的蜘蛛第 10 楼
    上周刚好踩了这个坑,cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。仅供参考,具体还是要看你的场景。
  10. 打工
    打工人之光第 11 楼
    反对一下,我的测试结果不是这样:Server Action 提交后不跳转,用 window.location.href 替代 router.push。欢迎交流讨论。
  11. 打盹
    打盹的考拉第 12 楼
    这个观点我很认同,Vercel 环境变量改了要重新部署才生效,NEXT_PUBLIC_ 变量尤其如此。实践出真知,建议动手试试。
  12. 发呆
    发呆的仓鼠第 13 楼
    我的理解是:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。欢迎交流讨论。
  13. 月下
    月下独酌第 14 楼
    我调研过这块,Auth.js JWT 不更新是因为没处理 trigger === 'update',要加 useSession().update()。实践出真知,建议动手试试。
  14. 星辰
    星辰大海第 15 楼
    这个方案我试过,revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。欢迎交流讨论。
  15. BU
    Bug猎人第 16 楼
    我的团队是这样做的:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。我也还在探索中。
  16. 拾光
    拾光者第 17 楼
    我的看法略有不同:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。后续有新发现再来更新。
  17. 云中
    云中漫步第 18 楼
    这个思路很巧妙,Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。我也还在探索中。
  18. 快乐
    快乐的水豚第 19 楼
    分享一下我的做法:cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。期待更多实战经验分享。
  19. 雪夜
    雪夜归人第 20 楼
    实操中我发现:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。这只是个人经验,不一定通用。
  20. 追日
    追日落第 21 楼
    middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。
登录后可回复