mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-09-21 04:46:26 +00:00
zhangtao
40a58df666
- 删除旧的Dockerfile.frontend和Dockerfile.backend，合并为单一的Dockerfile - 更新docker-compose.yaml以使用新的Dockerfile - 移除部署指南中的本地部署部分，添加docker部署说明 - 更新前端.env.production中的API地址 - 优化nginx配置以解决页面刷新404问题
前端介绍
这是一个基于Vue3的Vite项目，使用Vue3、Vite、TypeScript、Vuex、Vue-router、Ant-Design-Vue、Axios等框架。
- npm init vue@latest 创建项目
- cd frontend 进入项目
- npm install 安装依赖
- npm run dev 启动项目
项目结构
fastapi_project/frontend
├─ public # 静态资源文件
│ └─ site # 帮助文档模块
├─ src # 源代码
│ ├─ api # 接口文件
│ ├─ components # 组件模块
│ ├─ layouts # 布局模块
│ ├─ router # 路由模块
│ ├─ store # 状态管理模块
│ ├─ utils # 工具模块
│ ├─ view # 视图模块
│ ├─ App.vue # 根组件
│ ├─ main.js # 入口文件
│ └─ styles.css # 全局样式文件
├─ .env.development # 项目开发环境配置
├─ .env.production # 项目生产环境配置
├─ index.html # 模板文件
├─ package.json # 项目依赖文件
├─ tsconfig.json # ts配置文件
├─ vite.config.js # vite服务配置文件
└─ README.md # 项目说明文档
项目配置
查看 Vite Configuration Reference.
项目启动
初始化依赖
npm install
启动开发环境
npm run dev
构建项目
npm run build
项目检查
[ESLint](https://eslint.org/)
npm run lint