67 lines
1.2 KiB
Markdown
67 lines
1.2 KiB
Markdown
# 美搭项目展示平台
|
||
|
||
这是一个基于Vue 3开发的美搭时尚穿搭项目展示平台，用于展示用户的穿搭历史和效果。
|
||
|
||
## 功能特点
|
||
|
||
- 展示用户的穿搭历史记录
|
||
- 查看搭配效果和专业评分
|
||
- 响应式设计，适配各种设备
|
||
|
||
## 开发技术
|
||
|
||
- Vue 3
|
||
- Vue Router 4
|
||
- Axios
|
||
- Vite
|
||
|
||
## 安装与运行
|
||
|
||
### 安装依赖
|
||
|
||
```bash
|
||
npm install
|
||
```
|
||
|
||
### 启动开发服务器
|
||
|
||
```bash
|
||
npm run dev
|
||
```
|
||
|
||
### 构建生产版本
|
||
|
||
```bash
|
||
npm run build
|
||
```
|
||
|
||
### 预览生产构建
|
||
|
||
```bash
|
||
npm run serve
|
||
```
|
||
|
||
## 环境配置
|
||
|
||
项目配置了两个环境的API接口：
|
||
|
||
- 开发环境：http://127.0.0.1:8000
|
||
- 生产环境：https://meida-api.beefast.co/
|
||
|
||
## 项目结构
|
||
|
||
```
|
||
meida-portal/
|
||
├── public/ # 静态资源
|
||
├── src/ # 源代码
|
||
│ ├── api/ # API接口
|
||
│ ├── assets/ # 资源文件
|
||
│ ├── components/ # 通用组件
|
||
│ ├── router/ # 路由配置
|
||
│ ├── views/ # 页面视图
|
||
│ ├── App.vue # 根组件
|
||
│ └── main.js # 入口文件
|
||
├── index.html # HTML模板
|
||
├── vite.config.js # Vite配置
|
||
└── package.json # 项目配置
|
||
``` |