704d0fe0bf
- Fixed SSE connection not being properly closed when pod logs dialog is closed - Added proper cleanup for EventSource connections in K8sResourceList.tsx - Added debugging logs to track SSE connection lifecycle - Optimized Dockerfile to avoid copying frontend files during Go build stage - Fixed backend handler to properly use context from request for log streaming 🤖 Generated with [Qoder][https://qoder.com]
Cluster Frontend
基于 React + TypeScript + Zustand + MUI 的前端项目。
技术栈
- React 18 - UI 框架
- TypeScript - 类型系统
- Vite - 构建工具
- Zustand - 状态管理
- Material-UI (MUI) - UI 组件库
开发
安装依赖
npm install
# 或
yarn install
# 或
pnpm install
启动开发服务器
npm run dev
# 或
yarn dev
# 或
pnpm dev
开发服务器将在 http://localhost:3000 启动。
构建生产版本
npm run build
# 或
yarn build
# 或
pnpm build
预览生产构建
npm run preview
# 或
yarn preview
# 或
pnpm preview
项目结构
frontend/
├── src/
│ ├── stores/ # Zustand 状态管理
│ ├── components/ # React 组件
│ ├── theme.ts # MUI 主题配置
│ ├── App.tsx # 主应用组件
│ └── main.tsx # 应用入口
├── public/ # 静态资源
├── index.html # HTML 模板
├── vite.config.ts # Vite 配置
└── tsconfig.json # TypeScript 配置
API 代理
开发环境已配置 API 代理，所有 /api/* 请求会被代理到 http://localhost:8080（Go 后端服务）。
配置位置：vite.config.ts