前端开发

1. 入口

主前端入口在：
packages/client/src/main.tsx
packages/client/src/router/index.tsx
默认挂载：
I18nProvider
QueryClientProvider
ThemeProvider
TooltipProvider
AlertDialogProvider

2. HTTP 客户端

主前端统一使用@chatbuddy-ai/web/http与@chatbuddy-ai/web/services。
默认两个客户端：
apiHttpClient
consoleHttpClient
它们会自动处理：
baseURL
token 注入
401 登出
错误 toast
权限不足跳转

3. React Query service 写法

推荐把求封在 hooks 中：
export function useArticleListQuery(params?: QueryArticleParams) { return useQuery({ queryKey: ["articles", "list", params], queryFn: => consoleHttpClient.get<PaginatedResponse<Article>>("/article", { params }), });
}
页面只负责消费：
const { data, isLoading } = useArticleListQuery({ page: 1, pageSize: 20 });
上一篇DTO、工具与通用服务下一篇主程序计费接入

共 319 篇文档 · 内容同步自官方帮助中心