1. 概述

前面已经把 API 路由拆开，也把请求封装成统一的 http 模块了。接下来如果还要在客户端组件里直接请求接口，只靠 useEffect + useState 很快就会遇到几个重复问题：

• 加载状态每个组件都要手写
• 错误状态每个组件都要手写
• 成功后的缓存、刷新、重试逻辑每个组件都要手写
• mutation 完成后，相关 query 的重新拉取也要自己管

这类问题本质上不属于业务，而属于客户端数据管理。

所以这一步最合适的做法，就是把 TanStack Query 接进来，并把它设置成多个子站共享依赖。然后在 web 子站里写一个同时覆盖 query + mutation 的演示案例，把整个接入方式跑通。