初始化

ui/src/services/api.ts

@@ -0,0 +1,91 @@
+import axios, { type AxiosInstance, type AxiosRequestConfig, type AxiosResponse } from 'axios';
+import type { ApiResponse } from '@/types';
+
+// API配置
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:3000';
+
+class ApiService {
+  private client: AxiosInstance;
+
+  constructor() {
+    this.client = axios.create({
+      baseURL: API_BASE_URL,
+      timeout: 30000,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+
+    // 请求拦截器
+    this.client.interceptors.request.use(
+      (config) => {
+        // 可以在这里添加认证token等
+        return config;
+      },
+      (error) => {
+        return Promise.reject(error);
+      }
+    );
+
+    // 响应拦截器
+    this.client.interceptors.response.use(
+      (response: AxiosResponse<ApiResponse>) => {
+        return response;
+      },
+      (error) => {
+        // 统一错误处理
+        if (error.response) {
+          const { status, data } = error.response;
+          console.error(`API Error ${status}:`, data);
+        } else if (error.request) {
+          console.error('Network Error:', error.request);
+        } else {
+          console.error('Request Error:', error.message);
+        }
+        return Promise.reject(error);
+      }
+    );
+  }
+
+  /**
+   * GET请求
+   */
+  async get<T = any>(url: string, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
+    const response = await this.client.get<ApiResponse<T>>(url, config);
+    return response.data;
+  }
+
+  /**
+   * POST请求
+   */
+  async post<T = any>(url: string, data?: any, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
+    const response = await this.client.post<ApiResponse<T>>(url, data, config);
+    return response.data;
+  }
+
+  /**
+   * PUT请求
+   */
+  async put<T = any>(url: string, data?: any, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
+    const response = await this.client.put<ApiResponse<T>>(url, data, config);
+    return response.data;
+  }
+
+  /**
+   * DELETE请求
+   */
+  async delete<T = any>(url: string, config?: AxiosRequestConfig): Promise<ApiResponse<T>> {
+    const response = await this.client.delete<ApiResponse<T>>(url, config);
+    return response.data;
+  }
+
+  /**
+   * 健康检查
+   */
+  async healthCheck(): Promise<ApiResponse> {
+    return this.get('/health');
+  }
+}
+
+export const apiService = new ApiService();
+export default apiService;