refactor: frontend TS migration + Tailwind4/daisyUI5 unify + BUILDPLATFORM docker build

- migrate frontend to TypeScript (vue-tsc strict in build), upgrade all deps to latest (Vite 8, Tailwind 4, daisyUI 5, Pinia 4, vue-router 5)
- restructure frontend dirs (api/components/common/layouts/styles/types/views)
- drop Element Plus, add daisyUI TagInput; main CSS 490KB->163KB, entry JS 618KB->1.3KB
- rewrite Dockerfile(.cn): frontend/backend stages pinned to $BUILDPLATFORM, CGO_ENABLED=0 cross-compile, no QEMU in multi-arch builds; add .dockerignore
- local dev: Vite /api proxy + make dev targets; go:embed all:dist with .gitkeep so backend runs without prior frontend build
- fix latent bugs: Keys.vue users ref, Settings.vue undefined userStore, Login.vue Ref-as-error display, res.error misuse
- add REFACTOR_PLAN.md (phased refactor log)

frontend/src/api/client.ts

@@ -0,0 +1,58 @@
+// src/api/client.ts
+import axios from 'axios'
+import type { AxiosError, InternalAxiosRequestConfig } from 'axios'
+import { useAuthStore } from '@/stores/auth'
+
+const baseURL = import.meta.env.VITE_API_BASE_URL || '/api'
+if (import.meta.env.DEV) { // Vite 的方式判断开发环境
+  console.log(`[Request] API Base URL: ${baseURL}`);
+} else if (process.env.NODE_ENV === 'development') { // Vue CLI 的方式判断开发环境
+  console.log(`[Request] API Base URL: ${baseURL}`);
+}
+
+const service = axios.create({
+  baseURL: baseURL,
+  timeout: 6000,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+});
+
+// 请求拦截器
+service.interceptors.request.use(
+  (config: InternalAxiosRequestConfig) => {
+    const authStore = useAuthStore();
+    if (!authStore.token) {
+      authStore.loadTokenFromStorage();
+    }
+    if (authStore.token) {
+      config.headers.Authorization = `Bearer ${authStore.token}`;
+    }
+    return config;
+  },
+  (error: AxiosError) => {
+    console.error('Request error:', error);
+    return Promise.reject(error);
+  }
+);
+
+
+// 响应拦截器
+service.interceptors.response.use(
+  (response) => {
+    return response; // 只返回响应数据，便于后续使用
+  },
+  (error: AxiosError) => {
+    // 可以在这里处理响应错误的情况，例如统一处理错误信息， 提示用户等
+    console.error('Response error:', error);
+    // 这里可以做一些统一的错误处理，例如根据状态码判断是否 token 失效，并跳转到登录页面
+    if (error.response && error.response.status === 401) {
+      const authStore = useAuthStore();
+      authStore.clear();
+      window.location.href = '/login';
+    }
+    return Promise.reject(error);
+  }
+);
+
+export default service;