From b7cc3c4265cfa973f07a9bc7dd42f3744d166bb2 Mon Sep 17 00:00:00 2001 From: yangzhaohan Date: Tue, 21 Jul 2026 21:53:34 +0800 Subject: [PATCH] =?UTF-8?q?feat(web):=20=E5=88=9D=E5=A7=8B=E5=8C=96?= =?UTF-8?q?=E5=89=8D=E7=AB=AF=E5=9F=BA=E7=A1=80=E6=9E=B6=E6=9E=84=E5=92=8C?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新增.gitignore，忽略日志、node_modules、dist及编辑器配置文件 - 创建基础React应用及组件App，集成React、Vite和样式 - 设计响应式CSS变量和全局样式，支持暗黑模式 - 新增图标SVG符号定义，用于社交及文档链接展示 - 配置TypeScript项目(tsconfig)和ESLint规则保障代码质量 - 配置Vite开发服务器，支持代理接口与模块别名 - 增加前端API客户端封装与健康检查接口定义 - 增加类型定义文件，映射后端数据模型接口 - 创建index.html作为前端入口页面 - 新增package.json定义依赖和运行脚本，包含React及Ant Design等库 --- .claude/plans/main-plan.md | 6 +-- .claude/plans/phase-1-infrastructure.md | 10 ++-- .gitignore | 8 ++- cmd/server/main.go | 13 ++++- internal/database/database.go | 13 +++-- web/.gitignore | 24 +++++++++ web/eslint.config.js | 22 +++++++++ web/index.html | 13 +++++ web/package.json | 34 +++++++++++++ web/public/favicon.svg | 1 + web/public/icons.svg | 24 +++++++++ web/src/App.css | 0 web/src/App.tsx | 21 ++++++++ web/src/api/client.ts | 19 +++++++ web/src/api/health.ts | 6 +++ web/src/assets/hero.png | Bin 0 -> 13057 bytes web/src/assets/react.svg | 1 + web/src/assets/vite.svg | 1 + web/src/components/Logo.tsx | 34 +++++++++++++ web/src/context/ThemeContext.tsx | 34 +++++++++++++ web/src/index.css | 7 +++ web/src/layout/AppLayout.tsx | 63 ++++++++++++++++++++++++ web/src/layout/menu/index.tsx | 24 +++++++++ web/src/main.tsx | 9 ++++ web/src/pages/Dashboard.tsx | 4 ++ web/src/pages/channels/index.tsx | 3 ++ web/src/router/config.tsx | 16 ++++++ web/src/router/index.tsx | 15 ++++++ web/src/types/index.ts | 49 ++++++++++++++++++ web/tsconfig.app.json | 30 +++++++++++ web/tsconfig.json | 7 +++ web/tsconfig.node.json | 23 +++++++++ web/vite.config.ts | 22 +++++++++ 33 files changed, 542 insertions(+), 14 deletions(-) create mode 100644 web/.gitignore create mode 100644 web/eslint.config.js create mode 100644 web/index.html create mode 100644 web/package.json create mode 100644 web/public/favicon.svg create mode 100644 web/public/icons.svg create mode 100644 web/src/App.css create mode 100644 web/src/App.tsx create mode 100644 web/src/api/client.ts create mode 100644 web/src/api/health.ts create mode 100644 web/src/assets/hero.png create mode 100644 web/src/assets/react.svg create mode 100644 web/src/assets/vite.svg create mode 100644 web/src/components/Logo.tsx create mode 100644 web/src/context/ThemeContext.tsx create mode 100644 web/src/index.css create mode 100644 web/src/layout/AppLayout.tsx create mode 100644 web/src/layout/menu/index.tsx create mode 100644 web/src/main.tsx create mode 100644 web/src/pages/Dashboard.tsx create mode 100644 web/src/pages/channels/index.tsx create mode 100644 web/src/router/config.tsx create mode 100644 web/src/router/index.tsx create mode 100644 web/src/types/index.ts create mode 100644 web/tsconfig.app.json create mode 100644 web/tsconfig.json create mode 100644 web/tsconfig.node.json create mode 100644 web/vite.config.ts diff --git a/.claude/plans/main-plan.md b/.claude/plans/main-plan.md index eac5a50..3444293 100644 --- a/.claude/plans/main-plan.md +++ b/.claude/plans/main-plan.md @@ -108,8 +108,8 @@ janus/ │ ├── health/ │ │ ├── checker.go # 健康检查 Worker │ │ └── circuit_breaker.go # 熔断器 -│ └── router/ -│ └── router.go # 路由注册 +│ └── index/ +│ └── index.go # 路由注册 ├── pkg/ │ ├── response/ │ │ └── response.go # 统一响应格式 @@ -122,7 +122,7 @@ janus/ │ │ ├── views/ │ │ ├── components/ │ │ ├── api/ -│ │ └── router/ +│ │ └── index/ │ ├── package.json │ └── vite.config.ts ├── migrations/ # 数据库迁移 SQL diff --git a/.claude/plans/phase-1-infrastructure.md b/.claude/plans/phase-1-infrastructure.md index 2f0bc44..c9a8448 100644 --- a/.claude/plans/phase-1-infrastructure.md +++ b/.claude/plans/phase-1-infrastructure.md @@ -232,13 +232,13 @@ func (h *HealthHandler) Check(c *gin.Context) { --- -### Step 1.7: 实现路由注册 — `internal/router/router.go` +### Step 1.7: 实现路由注册 — `internal/index/index.go` **任务**: 集中管理所有路由注册。 **代码结构**: ```go -package router +package index func Setup(r *gin.Engine, handler *handler.HealthHandler) { r.GET("/health", handler.Check) @@ -266,7 +266,7 @@ main() ├── database.NewDatabase(&cfg.Database) // 初始化 DB ├── handler.NewHealthHandler(db) // 创建 handler ├── gin.New() / gin.Default() // 创建 Gin 引擎 - ├── router.Setup(r, healthHandler) // 注册路由 + ├── index.Setup(r, healthHandler) // 注册路由 └── r.Run(":8080") // 启动服务器 ``` @@ -323,8 +323,8 @@ janus/ │ │ └── config.go ← Step 1.2 实现 │ ├── handler/ │ │ └── health_handler.go ← Step 1.6 实现 -│ └── router/ -│ └── router.go ← Step 1.7 实现 +│ └── index/ +│ └── index.go ← Step 1.7 实现 ├── config.yaml ← Step 1.3 编写 ├── .env.example ← Step 1.4 编写 ├── .gitignore ← Step 1.9 编写 diff --git a/.gitignore b/.gitignore index d48c759..3dc91d5 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,8 @@ .idea -.vscode \ No newline at end of file +.vscode + +web/node_modules + +web/dist + +web/package-lock.json \ No newline at end of file diff --git a/cmd/server/main.go b/cmd/server/main.go index 49eb777..0254953 100644 --- a/cmd/server/main.go +++ b/cmd/server/main.go @@ -11,12 +11,14 @@ import ( ) func main() { + // 加载配置 cfg, err := config.Load("config.yaml") if err != nil { panic(err) } - db, err := database.Connect(database.DatabaseConfig{ + // 创建数据库连接 + db, err := database.Connect(database.Config{ Host: cfg.Database.Host, Port: cfg.Database.Port, Username: cfg.Database.Username, @@ -28,8 +30,15 @@ func main() { panic(err) } + if err := database.AutoMigrate(db); err != nil { + panic(err) + } + + // 创建web容器 r := gin.Default() healthHandler := &handler.HealthHandler{Database: db} router.SetUp(r, healthHandler) - r.Run(fmt.Sprintf(":%d", cfg.Server.Port)) + if err := r.Run(fmt.Sprintf(":%d", cfg.Server.Port)); err != nil { + panic(err) + } } diff --git a/internal/database/database.go b/internal/database/database.go index 3f722f7..5b9d481 100644 --- a/internal/database/database.go +++ b/internal/database/database.go @@ -5,10 +5,11 @@ import ( "gorm.io/driver/postgres" "gorm.io/gorm" + "synoth.com/janus/internal/model" ) -// DatabaseConfig -type DatabaseConfig struct { +// Config 数据库配置 +type Config struct { Host string Port int Username string @@ -17,7 +18,8 @@ type DatabaseConfig struct { SSLMode string } -func Connect(cfg DatabaseConfig) (*gorm.DB, error) { +// Connect 连接数据库 +func Connect(cfg Config) (*gorm.DB, error) { dsn := fmt.Sprintf("host=%s port=%d user=%s password=%s dbname=%s sslmode=%s", cfg.Host, cfg.Port, cfg.Username, cfg.Password, cfg.DBName, cfg.SSLMode, ) @@ -29,3 +31,8 @@ func Connect(cfg DatabaseConfig) (*gorm.DB, error) { return db, nil } + +// AutoMigrate 自动迁移数据库表结构 +func AutoMigrate(db *gorm.DB) error { + return db.AutoMigrate(&model.Provider{}, &model.APIKey{}, &model.Channel{}, &model.Model{}) +} diff --git a/web/.gitignore b/web/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/web/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/web/eslint.config.js b/web/eslint.config.js new file mode 100644 index 0000000..ef614d2 --- /dev/null +++ b/web/eslint.config.js @@ -0,0 +1,22 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' +import tseslint from 'typescript-eslint' +import { defineConfig, globalIgnores } from 'eslint/config' + +export default defineConfig([ + globalIgnores(['dist']), + { + files: ['**/*.{ts,tsx}'], + extends: [ + js.configs.recommended, + tseslint.configs.recommended, + reactHooks.configs.flat.recommended, + reactRefresh.configs.vite, + ], + languageOptions: { + globals: globals.browser, + }, + }, +]) diff --git a/web/index.html b/web/index.html new file mode 100644 index 0000000..5e3836a --- /dev/null +++ b/web/index.html @@ -0,0 +1,13 @@ + + + + + + + web + + +
+ + + diff --git a/web/package.json b/web/package.json new file mode 100644 index 0000000..c478f6c --- /dev/null +++ b/web/package.json @@ -0,0 +1,34 @@ +{ + "name": "web", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "tsc -b && vite build", + "lint": "eslint .", + "preview": "vite preview" + }, + "dependencies": { + "@ant-design/icons": "^6.3.2", + "antd": "^6.5.1", + "axios": "^1.18.1", + "react": "^19.2.7", + "react-dom": "^19.2.7", + "react-router-dom": "^7.18.1" + }, + "devDependencies": { + "@eslint/js": "^10.0.1", + "@types/node": "^24.13.2", + "@types/react": "^19.2.17", + "@types/react-dom": "^19.2.3", + "@vitejs/plugin-react": "^6.0.3", + "eslint": "^10.6.0", + "eslint-plugin-react-hooks": "^7.1.1", + "eslint-plugin-react-refresh": "^0.5.3", + "globals": "^17.7.0", + "typescript": "~6.0.2", + "typescript-eslint": "^8.62.0", + "vite": "^8.1.1" + } +} diff --git a/web/public/favicon.svg b/web/public/favicon.svg new file mode 100644 index 0000000..6893eb1 --- /dev/null +++ b/web/public/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/public/icons.svg b/web/public/icons.svg new file mode 100644 index 0000000..e952219 --- /dev/null +++ b/web/public/icons.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/src/App.css b/web/src/App.css new file mode 100644 index 0000000..e69de29 diff --git a/web/src/App.tsx b/web/src/App.tsx new file mode 100644 index 0000000..b63849f --- /dev/null +++ b/web/src/App.tsx @@ -0,0 +1,21 @@ +import { ConfigProvider } from 'antd' +import { RouterProvider } from 'react-router-dom' +import { router } from '@/router' +import { ThemeProvider, useTheme } from '@/context/ThemeContext' + +function AppInner() { + const { algorithm } = useTheme() + return ( + + + + ) +} + +export default function App() { + return ( + + + + ) +} diff --git a/web/src/api/client.ts b/web/src/api/client.ts new file mode 100644 index 0000000..312302f --- /dev/null +++ b/web/src/api/client.ts @@ -0,0 +1,19 @@ +import axios from 'axios' + +const apiClient = axios.create({ + baseURL: '/api', + timeout: 10000, + headers: { + 'Content-Type': 'application/json', + }, +}) + +apiClient.interceptors.response.use( + (response) => response, + (error) => { + console.error('API Error:', error) + return Promise.reject(error) + }, +) + +export default apiClient diff --git a/web/src/api/health.ts b/web/src/api/health.ts new file mode 100644 index 0000000..5ffa6de --- /dev/null +++ b/web/src/api/health.ts @@ -0,0 +1,6 @@ +import apiClient from './client' + +export async function checkHealth(): Promise<{ status: string }> { + const response = await apiClient.get('/health') + return response.data +} diff --git a/web/src/assets/hero.png b/web/src/assets/hero.png new file mode 100644 index 0000000000000000000000000000000000000000..02251f4b956c55af2d76fd0788124d7eee2b45eb GIT binary patch literal 13057 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 P00000NkvXXu0mjft=yBf literal 0 HcmV?d00001 diff --git a/web/src/assets/react.svg b/web/src/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/web/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/src/assets/vite.svg b/web/src/assets/vite.svg new file mode 100644 index 0000000..5101b67 --- /dev/null +++ b/web/src/assets/vite.svg @@ -0,0 +1 @@ +Vite diff --git a/web/src/components/Logo.tsx b/web/src/components/Logo.tsx new file mode 100644 index 0000000..0a15ca5 --- /dev/null +++ b/web/src/components/Logo.tsx @@ -0,0 +1,34 @@ +import { theme } from 'antd' + +export default function Logo({ collapsed }: { collapsed?: boolean }) { + const { token } = theme.useToken() + + return ( +
+ + {/* 外框 — 拱门（gateway） */} + + {/* 顶部弧线 — 强调 gateway 的"桥梁"含义 */} + + {/* 中心节点 — AI 网络结点 */} + + {/* 节点中的闪电 — 表示"中转/转发" */} + + + {!collapsed && ( + + Janus + + )} +
+ ) +} diff --git a/web/src/context/ThemeContext.tsx b/web/src/context/ThemeContext.tsx new file mode 100644 index 0000000..116e557 --- /dev/null +++ b/web/src/context/ThemeContext.tsx @@ -0,0 +1,34 @@ +import { createContext, useContext, useState, type ReactNode } from 'react' +import { theme } from 'antd' + +type ThemeMode = 'light' | 'dark' + +type ThemeContextType = { + mode: ThemeMode + toggle: () => void + algorithm: typeof theme.defaultAlgorithm | typeof theme.darkAlgorithm +} + +const ThemeContext = createContext(null) + +export function ThemeProvider({ children }: { children: ReactNode }) { + const [mode, setMode] = useState('light') + + return ( + setMode((m) => (m === 'light' ? 'dark' : 'light')), + algorithm: mode === 'light' ? theme.defaultAlgorithm : theme.darkAlgorithm, + }} + > + {children} + + ) +} + +export function useTheme() { + const ctx = useContext(ThemeContext) + if (!ctx) throw new Error('useTheme must be inside ThemeProvider') + return ctx +} diff --git a/web/src/index.css b/web/src/index.css new file mode 100644 index 0000000..153917b --- /dev/null +++ b/web/src/index.css @@ -0,0 +1,7 @@ +body { + margin: 0; +} + +#root { + min-height: 100vh; +} diff --git a/web/src/layout/AppLayout.tsx b/web/src/layout/AppLayout.tsx new file mode 100644 index 0000000..a65b427 --- /dev/null +++ b/web/src/layout/AppLayout.tsx @@ -0,0 +1,63 @@ +import { Layout, Switch } from 'antd' +import { Outlet } from 'react-router-dom' +import { useState } from 'react' +import LayoutMenu from '@/layout/menu' +import { useTheme } from '@/context/ThemeContext' +import Logo from '@/components/Logo' + +const { Header, Sider, Content } = Layout + +export default function AppLayout() { + const [collapsed, setCollapsed] = useState(false) + const { mode, toggle } = useTheme() + + const siderStyle: React.CSSProperties = { + overflow: 'auto', + height: '100vh', + position: 'fixed', + left: 0, + top: 0, + bottom: 0, + } + + const layoutStyle: React.CSSProperties = { + minHeight: '100vh', + marginLeft: collapsed ? 80 : 200, + transition: 'margin-left 0.2s', + } + + const headerStyle: React.CSSProperties = { + padding: '0 24px', + display: 'flex', + alignItems: 'center', + justifyContent: 'space-between', + background: 'inherit', + } + + const contentStyle: React.CSSProperties = { + margin: 24, + } + + return ( + + + + + + +
+ Janus AI Gateway + +
+ + + + + + ) +} diff --git a/web/src/layout/menu/index.tsx b/web/src/layout/menu/index.tsx new file mode 100644 index 0000000..191730c --- /dev/null +++ b/web/src/layout/menu/index.tsx @@ -0,0 +1,24 @@ +import { Menu } from 'antd' +import { useLocation, useNavigate } from 'react-router-dom' +import { routeConfig } from '@/router/config' + +const menuItems = routeConfig.map((r) => ({ + key: r.path, + icon: r.icon, + label: r.label, +})) + +export default function LayoutMenu() { + const navigate = useNavigate() + const location = useLocation() + + return ( + navigate(key)} + /> + ) +} diff --git a/web/src/main.tsx b/web/src/main.tsx new file mode 100644 index 0000000..feac8ee --- /dev/null +++ b/web/src/main.tsx @@ -0,0 +1,9 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import App from './App' + +createRoot(document.getElementById('root')!).render( + + + , +) diff --git a/web/src/pages/Dashboard.tsx b/web/src/pages/Dashboard.tsx new file mode 100644 index 0000000..dc691c0 --- /dev/null +++ b/web/src/pages/Dashboard.tsx @@ -0,0 +1,4 @@ + +export default function Dashboard() { + return
Dashboard
+} \ No newline at end of file diff --git a/web/src/pages/channels/index.tsx b/web/src/pages/channels/index.tsx new file mode 100644 index 0000000..6213534 --- /dev/null +++ b/web/src/pages/channels/index.tsx @@ -0,0 +1,3 @@ +export default function Channels() { + return
Channels
+} \ No newline at end of file diff --git a/web/src/router/config.tsx b/web/src/router/config.tsx new file mode 100644 index 0000000..5a976bd --- /dev/null +++ b/web/src/router/config.tsx @@ -0,0 +1,16 @@ +import type {ReactNode} from 'react' +import {DashboardOutlined, NodeIndexOutlined} from '@ant-design/icons' +import Dashboard from '@/pages/Dashboard' +import Channels from '@/pages/channels' + +export type RouteConfig = { + path: string + label: string + icon: ReactNode + element: ReactNode +} + +export const routeConfig: RouteConfig[] = [ + {path: '/', label: '仪表盘', icon: , element: }, + {path: '/channels', label: '渠道管理', icon: , element: }, +] diff --git a/web/src/router/index.tsx b/web/src/router/index.tsx new file mode 100644 index 0000000..f1af9f0 --- /dev/null +++ b/web/src/router/index.tsx @@ -0,0 +1,15 @@ +import { createBrowserRouter } from 'react-router-dom' +import AppLayout from '@/layout/AppLayout' +import { routeConfig } from '@/router/config' + +export const router = createBrowserRouter([ + { + path: '/', + element: , + children: routeConfig.map((r) => ({ + index: r.path === '/', + path: r.path === '/' ? undefined : r.path.slice(1), + element: r.element, + })), + }, +]) diff --git a/web/src/types/index.ts b/web/src/types/index.ts new file mode 100644 index 0000000..20230c0 --- /dev/null +++ b/web/src/types/index.ts @@ -0,0 +1,49 @@ +// ---- 对应 Go: internal/core/base_model.go ---- +export interface BaseModel { + id: number + created_at: number + created_time: string // time.Time → ISO 8601 + updated_at: number + updated_time: string + del_flag: number +} + +// ---- 对应 Go: internal/enum/enabled_status.go ---- +export type Status = 0 | 1 // 0=Disabled, 1=Enabled + +// ---- 对应 Go: internal/model/provider.go ---- +export interface Provider extends BaseModel { + name: string + base_url: string + status: Status +} + +// ---- 对应 Go: internal/model/model.go ---- +export type ModelType = 'chat' | 'completion' | 'embedding' | 'image' + +export interface AIModel extends BaseModel { + provider_id: number + name: string + model_type: ModelType + status: Status +} + +// ---- 对应 Go: internal/model/channel.go ---- +export interface Channel extends BaseModel { + name: string + provider_id: number + model_id: number | null // Go *int64 → null | number + weight: number + priority: number + rate_limit: number + status: Status +} + +// ---- 对应 Go: internal/model/api_key.go ---- +export interface APIKey extends BaseModel { + key: string + name: string + rate_limit: number + status: Status + expired_at: string | null // Go *time.Time → null | ISO 8601 +} diff --git a/web/tsconfig.app.json b/web/tsconfig.app.json new file mode 100644 index 0000000..0700f91 --- /dev/null +++ b/web/tsconfig.app.json @@ -0,0 +1,30 @@ +{ + "compilerOptions": { + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", + "target": "es2023", + "lib": ["ES2023", "DOM"], + "module": "esnext", + "types": ["vite/client"], + "allowArbitraryExtensions": true, + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "verbatimModuleSyntax": true, + "moduleDetection": "force", + "noEmit": true, + "jsx": "react-jsx", + "baseUrl": ".", + "paths": { + "@/*": ["./src/*"] + }, + + /* Linting */ + "noUnusedLocals": true, + "noUnusedParameters": true, + "erasableSyntaxOnly": true, + "noFallthroughCasesInSwitch": true + }, + "include": ["src"] +} diff --git a/web/tsconfig.json b/web/tsconfig.json new file mode 100644 index 0000000..1ffef60 --- /dev/null +++ b/web/tsconfig.json @@ -0,0 +1,7 @@ +{ + "files": [], + "references": [ + { "path": "./tsconfig.app.json" }, + { "path": "./tsconfig.node.json" } + ] +} diff --git a/web/tsconfig.node.json b/web/tsconfig.node.json new file mode 100644 index 0000000..8455dcb --- /dev/null +++ b/web/tsconfig.node.json @@ -0,0 +1,23 @@ +{ + "compilerOptions": { + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", + "target": "es2023", + "lib": ["ES2023"], + "types": ["node"], + "skipLibCheck": true, + + /* Bundler mode */ + "module": "nodenext", + "allowImportingTsExtensions": true, + "verbatimModuleSyntax": true, + "moduleDetection": "force", + "noEmit": true, + + /* Linting */ + "noUnusedLocals": true, + "noUnusedParameters": true, + "erasableSyntaxOnly": true, + "noFallthroughCasesInSwitch": true + }, + "include": ["vite.config.ts"] +} diff --git a/web/vite.config.ts b/web/vite.config.ts new file mode 100644 index 0000000..a15f922 --- /dev/null +++ b/web/vite.config.ts @@ -0,0 +1,22 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' +import path from 'path' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [react()], + resolve: { + alias: { + '@': path.resolve(__dirname, 'src'), + }, + }, + server: { + port: 5173, + proxy: { + '/api': { + target: 'http://localhost:8080', + changeOrigin: true, + }, + }, + }, +})