Initial commit

electron-vue-template/src/renderer/api/http.ts

@@ -0,0 +1,78 @@
+// 极简 HTTP 工具：仅封装 GET/POST，默认指向本地 8081
+export type HttpMethod = 'GET' | 'POST';
+
+const BASE_URL = 'http://localhost:8081';
+
+// 将对象转为查询字符串
+function buildQuery(params?: Record<string, unknown>): string {
+  if (!params) return '';
+  const usp = new URLSearchParams();
+  Object.entries(params).forEach(([key, value]) => {
+    if (value === undefined || value === null) return;
+    usp.append(key, String(value));
+  });
+  const queryString = usp.toString();
+  return queryString ? `?${queryString}` : '';
+}
+
+// 统一请求入口：自动加上 BASE_URL、JSON 头与错误处理
+async function request<T>(path: string, options: RequestInit): Promise<T> {
+  const res = await fetch(`${BASE_URL}${path}`, {
+    credentials: 'omit',
+    cache: 'no-store',
+    ...options,
+    headers: {
+      'Content-Type': 'application/json',
+      ...(options.headers || {}),
+    },
+  });
+  if (!res.ok) {
+    const text = await res.text().catch(() => '');
+    throw new Error(text || `HTTP ${res.status}`);
+  }
+  const contentType = res.headers.get('content-type') || '';
+  if (contentType.includes('application/json')) {
+    return (await res.json()) as T;
+  }
+  return (await res.text()) as unknown as T;
+}
+
+export const http = {
+  get<T>(path: string, params?: Record<string, unknown>) {
+    return request<T>(`${path}${buildQuery(params)}`, { method: 'GET' });
+  },
+  post<T>(path: string, body?: unknown) {
+    return request<T>(path, { method: 'POST', body: body ? JSON.stringify(body) : undefined });
+  },
+  // 用于无需读取响应体的 POST（如删除/心跳等），从根源避免读取中断
+  postVoid(path: string, body?: unknown) {
+    return fetch(`${BASE_URL}${path}`, {
+      method: 'POST',
+      body: body ? JSON.stringify(body) : undefined,
+      credentials: 'omit',
+      cache: 'no-store',
+      headers: { 'Content-Type': 'application/json' },
+    }).then(res => {
+      if (!res.ok) return res.text().then(t => Promise.reject(new Error(t || `HTTP ${res.status}`)));
+      return undefined as unknown as void;
+    });
+  },
+  // 文件上传：透传 FormData，不设置 Content-Type 让浏览器自动处理
+  upload<T>(path: string, form: FormData) {
+    const res = fetch(`${BASE_URL}${path}`, {
+      method: 'POST',
+      body: form,
+      credentials: 'omit',
+      cache: 'no-store',
+    });
+    return res.then(async response => {
+      if (!response.ok) {
+        const text = await response.text().catch(() => '');
+        throw new Error(text || `HTTP ${response.status}`);
+      }
+      return response.json() as Promise<T>;
+    });
+  },
+};
+
+