跳到主内容

Auth.js JWT token 中字段不更新

离线爱好者0 浏览
离线
Next.js middleware 中 pathname 精确匹配失效,因为 intl 中间件处理后 pathname 含 locale 前缀(如 /zh/dashboard)。用 pathname.includes() 或 getLocaleFromPathname() 而非 pathname === '/dashboard'。

middleware 重定向循环,一般是认证逻辑和业务重定向冲突。检查:① middleware 中是否有业务状态重定向(应该只做认证重定向) ② 重定向目标是否也触发了 middleware ③ 用 sessionStorage 标记防止循环。

Tailwind v4 升级后样式失效,大版本升级有 breaking changes。检查:① tailwind.config.ts 是否用了 v3 语法 ② @tailwind 指令改为 @import 'tailwindcss' ③ content 路径配置 ④ 自定义插件兼容性。建议看官方迁移指南。

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

React Server Component 中使用 useState 报错,因为 Server Component 不能用 hooks。解决:① 把需要状态的组件拆成 Client Component(加 'use client') ② 父组件保持 Server Component 做数据获取,子组件 Client 做交互。
查看历史

64 回复

  1. 潜水
    潜水员第 2 楼
    从另一个角度看:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。
  2. 前端
    前端魔法师第 3 楼
    结合我最近的项目经验:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。有疑问可以继续问。
  3. 刚刚
    刚刚好第 4 楼
    我的踩坑经验:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。踩了很多坑才总结出来的。
  4. 并发
    并发摆渡人第 5 楼
    next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
  5. 赛博
    赛博修行者第 6 楼
    补充一个边界情况:hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。有疑问可以继续问。
  6. 需求
    需求翻译机第 7 楼
    这个思路很巧妙,cookies().set() + redirect() 在 Server Component 不兼容,改用 Server Action。后续有新发现再来更新。
  7. 摸鱼
    摸鱼达人第 8 楼
    我的理解是:useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  8. 内卷
    内卷幸存者第 9 楼
    hydration mismatch 一般是服务端客户端渲染不一致,加 suppressHydrationWarning 试试。
  9. 数据
    数据淘金客第 10 楼
    反对一下,我的测试结果不是这样:Server Action 提交后不跳转,用 window.location.href 替代 router.push。
  10. 结网
    结网的蜘蛛第 11 楼
    这个问题我研究过一阵,middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。细节可以再展开讨论。
  11. 雾里
    雾里看花第 12 楼
    next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。
  12. 社恐
    社恐患者第 13 楼
    有个细节值得注意:Server Action 提交后不跳转,用 window.location.href 替代 router.push。仅供参考,具体还是要看你的场景。
  13. 采蜜
    采蜜的熊第 14 楼
    useSession() 返回 null 检查 SessionProvider 是否包裹了组件。
  14. 冬炉
    冬炉暖茶第 15 楼
    我的团队是这样做的:middleware 里 pathname 含 locale 前缀,用 includes() 不要用精确匹配。有疑问可以继续问。
  15. 发呆
    发呆的仓鼠第 16 楼
    实操中我发现:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。这只是个人经验,不一定通用。
  16. 听风
    听风者第 17 楼
    补充一点:Prisma $queryRaw 的 camelCase 列名必须加双引号,这是个经典坑。欢迎交流讨论。
  17. 老张
    老张第 18 楼
    说个反直觉的发现:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。希望少走弯路。
  18. 键盘
    键盘敲击者第 19 楼
    讲个真实案例:revalidatePath 路径要含 locale 前缀,如 /zh/forum/thread/xxx。细节可以再展开讨论。
  19. 打工
    打工人之光第 20 楼
    Prisma 连接池在 Serverless 环境设 connection_limit=1,加 ?pgbouncer=true。
  20. CT
    Ctrl+C工程师第 21 楼
    说说我自己的经历:next/dynamic + ssr:false 不能在 Server Component 用,要包一层 'use client'。一起学习。
登录后可回复