重命名前端项目目录：web-flowith -> web

- 将前端项目目录从 web-flowith 重命名为 web，使目录结构更简洁
- 保持所有前端代码和配置文件不变
- 统一项目目录命名规范

web/src/services/api.ts

@@ -0,0 +1,116 @@
+import axios from 'axios'
+import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'
+import type { ApiResponse } from '@/types'
+
+// 创建axios实例
+const api: AxiosInstance = axios.create({
+  baseURL: import.meta.env.VITE_API_BASE_URL || '/api',
+  timeout: 10000,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+})
+
+// 请求拦截器
+api.interceptors.request.use(
+  (config) => {
+    // 添加认证token
+    const token = localStorage.getItem('token')
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`
+    }
+    
+    // 添加请求时间戳
+    config.headers['X-Request-Time'] = Date.now().toString()
+    
+    return config
+  },
+  (error) => {
+    console.error('Request error:', error)
+    return Promise.reject(error)
+  }
+)
+
+// 响应拦截器
+api.interceptors.response.use(
+  (response: AxiosResponse<ApiResponse>) => {
+    const { data } = response
+    
+    // 检查业务状态码
+    if (data.code !== 200) {
+      console.error('API Error:', data.message)
+      return Promise.reject(new Error(data.message))
+    }
+    
+    return response
+  },
+  (error) => {
+    // 处理HTTP错误
+    if (error.response) {
+      const { status, data } = error.response
+      
+      switch (status) {
+        case 401:
+          // 未授权，清除token并跳转到登录页
+          localStorage.removeItem('token')
+          window.location.href = '/login'
+          break
+        case 403:
+          console.error('Access forbidden')
+          break
+        case 404:
+          console.error('Resource not found')
+          break
+        case 500:
+          console.error('Server error')
+          break
+        default:
+          console.error('HTTP Error:', status, data?.message || error.message)
+      }
+    } else if (error.request) {
+      console.error('Network error:', error.message)
+    } else {
+      console.error('Request setup error:', error.message)
+    }
+    
+    return Promise.reject(error)
+  }
+)
+
+// 通用请求方法
+export const request = {
+  get: <T = any>(url: string, config?: AxiosRequestConfig): Promise<T> =>
+    api.get(url, config).then(res => res.data.data),
+    
+  post: <T = any>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> =>
+    api.post(url, data, config).then(res => res.data.data),
+    
+  put: <T = any>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> =>
+    api.put(url, data, config).then(res => res.data.data),
+    
+  delete: <T = any>(url: string, config?: AxiosRequestConfig): Promise<T> =>
+    api.delete(url, config).then(res => res.data.data),
+    
+  patch: <T = any>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> =>
+    api.patch(url, data, config).then(res => res.data.data),
+}
+
+// 文件上传
+export const uploadFile = (file: File, onProgress?: (progress: number) => void): Promise<string> => {
+  const formData = new FormData()
+  formData.append('file', file)
+  
+  return api.post('/upload', formData, {
+    headers: {
+      'Content-Type': 'multipart/form-data',
+    },
+    onUploadProgress: (progressEvent) => {
+      if (onProgress && progressEvent.total) {
+        const progress = Math.round((progressEvent.loaded * 100) / progressEvent.total)
+        onProgress(progress)
+      }
+    },
+  }).then(res => res.data.data.url)
+}
+
+export default api