frontend init

front/src/services/api.ts

@@ -0,0 +1,37 @@
+import { useAuthStore } from '@/stores/auth'
+
+const BASE_URL = import.meta.env.VITE_API_URL ?? '/api'
+
+async function request<T>(method: string, path: string, body?: unknown): Promise<T> {
+  const auth = useAuthStore()
+
+  const headers: Record<string, string> = {
+    'Content-Type': 'application/json',
+  }
+
+  if (auth.token) {
+    headers['Authorization'] = `Bearer ${auth.token}`
+  }
+
+  const res = await fetch(`${BASE_URL}${path}`, {
+    method,
+    headers,
+    body: body ? JSON.stringify(body) : undefined,
+  })
+
+  if (!res.ok) {
+    const text = await res.text()
+    throw new Error(text || `Request failed: ${res.status}`)
+  }
+
+  if (res.status === 204) return undefined as T
+
+  return res.json() as Promise<T>
+}
+
+export const api = {
+  get: <T>(path: string) => request<T>('GET', path),
+  post: <T>(path: string, body?: unknown) => request<T>('POST', path, body),
+  put: <T>(path: string, body?: unknown) => request<T>('PUT', path, body),
+  delete: <T>(path: string) => request<T>('DELETE', path),
+}