# LingFrame-FE

**Repository Path**: LingFrame/ling-frame-fe

## Basic Information

- **Project Name**: LingFrame-FE
- **Description**: 灵珑框架的前端
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2026-04-02
- **Last Updated**: 2026-04-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# LingFrame-FE

**灵珑框架对应的前端操作页面**

> 鉴于本人极度恐惧AI风格说明文档，本文档禁止使用AI污染，谢谢配合 :)

## 目录说明

- `src/apis/`：Dashboard 接口访问层。
- `src/hooks/`：Dashboard 状态、SSE、上传、权限、压测等逻辑。
- `src/types/`：Dashboard 相关类型。
- `src/assets/`：样式、字体和图标资源。
- `src/locales/`：中英文多语言资源。
- `src/pages/DashboardPage/`：页面入口。
- `src/configs/env.ts`：运行时地址配置。

## 本地开发

1. 启动对应后端应用。
2. 根据需要将 `.env.example` 复制 `.env.local` 并调整配置。
3. 安装依赖并启动前端：

```bash
npm install
npm run dev
```

默认前端地址：`http://localhost:5173`

## 环境变量

- `VITE_DEV_PROXY_TARGET`：Vite 开发代理的后端地址，默认 `http://localhost:8888`
- `VITE_LINGFRAME_API_BASE`：控制台请求的 API 根路径，默认 `/lingframe/dashboard`

## 生产部署

构建命令：

```bash
npm run build
```

部署可选以下两种方式：

1. 在网关或 Nginx 中把 `/lingframe/dashboard/**` 反向代理到后端。
2. 把 `VITE_LINGFRAME_API_BASE` 配成后端的完整绝对路径。