duoji-frontend/README.md

# 垛机监控系统

### Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve
```

### Compiles and minifies for production

```
npm run build
```


### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

>Author:张鑫 updatedDate:2021-01-13

#### 1、项目git地址：https://gitlab.hzleaper.com:81/duoji/duoji-frontend.git

#### 2、简介：
出入库过程中，提供拍照取证，实时录像，盘点管理等功能。项目主要涵盖实时视频流、历史数据、盘点管理、巷道管理、球机管理、个人中心等。基于vue-cli3.x + Ant Design Vue搭建,rtsp视频流采用VLC插件结合Firefox火狐浏览器运行的方式播放，因VLC支持性问题需回退Firefox火狐浏览器版本至51版之前，详情请见 [VLC开发文档](https://wiki.videolan.org/Documentation:WebPlugin/#Introduction:_Building_Web_pages_with_Video)

#### 3、测试环境地址：

暂无(详情请看下面注释)   测试环境账号：暂无(详情请看下面注释)

#### 4、项目打包命令：npm run build（环境未作区分，详情请看下面注释）
>注释：因项目采用直接打包给后端，后端再配置nginx的形式，接口统一走的ip地址代理，并非域名代理，需后端本地起服务内网访问，前端与其连接在同一宽带网段中即可请求接口。所以暂未区分开发环境dev、测试环境test、生产环境prod等，相应的也无测试环境地址和账号一说，直接ip地址访问（具体ip地址询问后端）

#### 5、项目目录结构说明图示:
![](./src/assets/mdImages/info.jpg)

#### 6、AsideMen菜单配置图示：
>菜单递归

![](./src/assets/mdImages/menu.jpg)



>菜单路由

![](./src/assets/mdImages/menuRouter.jpg)

#### 7、Api接口及代理配置图示：
>Api接口

![](./src/assets/mdImages/api.jpg)

>Api代理

![](./src/assets/mdImages/agency.jpg)