移除 axios，改用原生 fetch 实现 HTTP 请求

- 从 package.json 移除 axios 依赖 - 重构 request.js：用原生 fetch API 替代 axios - 实现参数序列化、超时控制(AbortController)、统一响应处理 - 保持 http.get/http.post API 兼容，减少 bundle 体积 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-24 22:18:57 +08:00
parent 7d827d5db8
commit 6f6fcebd18
3 changed files with 47 additions and 278 deletions
@@ -1,25 +1,52 @@
-import axios from 'axios'
+const DEFAULT_TIMEOUT = 10000

-const http = axios.create({
-  timeout: 10000,
-  paramsSerializer: {
-    indexes: null
-  }
-})
+function serializeParams(params) {
+  if (!params) return ''
+  const query = Object.entries(params)
+    .filter(([, v]) => v !== undefined && v !== null)
+    .flatMap(([k, v]) => Array.isArray(v) ? v.map(item => `${encodeURIComponent(k)}=${encodeURIComponent(item)}`) : [`${encodeURIComponent(k)}=${encodeURIComponent(v)}`])
+    .join('&')
+  return query ? '?' + query : ''
+}

-http.interceptors.response.use(res => {
-  const responseBody = res.data
-  // 统一响应格式处理
-  switch (responseBody.code) {
-    case 0:
-      // 成功，直接返回数据
-      return responseBody.data
-    case -1:
-      return Promise.reject(new Error(responseBody.message || '请求失败'))
-    default:
-      // 其他情况，兼容没有包装格式的响应
-      return res.data
+function handleResponse(res) {
+  if (!res.ok) {
+    return Promise.reject(new Error(`HTTP ${res.status}`))
  }
-}, err => Promise.reject(err))
+  return res.json().then(responseBody => {
+    // 统一响应格式处理
+    switch (responseBody.code) {
+      case 0:
+        // 成功，直接返回数据
+        return responseBody.data
+      case -1:
+        return Promise.reject(new Error(responseBody.message || '请求失败'))
+      default:
+        // 其他情况，兼容没有包装格式的响应
+        return responseBody
+    }
+  })
+}
+
+async function request(url, options = {}) {
+  const controller = new AbortController()
+  const timer = setTimeout(() => controller.abort(), DEFAULT_TIMEOUT)
+  return fetch(url, { ...options, signal: controller.signal })
+    .then(res => { clearTimeout(timer); return handleResponse(res) })
+    .catch(err => { clearTimeout(timer); return Promise.reject(err) })
+}
+
+const http = {
+  get(url, { params } = {}) {
+    return request(url + serializeParams(params))
+  },
+  post(url, data) {
+    return request(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data)
+    })
+  }
+}

 export default http