# 介绍
TIP
后台系统基于 VueCli3构建, 基于VueJS2.6.10 + Axios + ElementUI + Eslint + SCSS
# 技术栈
# 文件目录
项目所在文件夹 /admin , 文件目录如下
+-- dist_publish #build出来的文件夹，用于生产环境
+-- public #公共目录
+-- src #源代码目录
| +-- api #api地址相关
| +-- components #vue组件
| +-- router #路由
| +-- store #vuex
| +-- style #公共样式
| +-- utils #工具类
| +-- views #页面
+-- .env.development #开发配置
+-- .eslintrc.js #eslint配置文件
+-- .gitignore
+-- cypress.json #e2e 测试 cypress 配置文件
+-- babel.config.js #babel文件
+-- package.json
+-- package-lock.json
+-- README.md
+-- vue.config.js #vuecli3配置文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
# 配置文件
1..env.development配置。
注意：该文件只在development模式下有效。
# 本地网页端口，指定本地网页运行在哪个端口
SEVER_PORT = 8098
# API环境 1是测试环境 2是本地代理 0是正式
API_ENV = 2
# 测试环境的api路径
DEV_PROXY_PATH1 = 'http://139.196.203.158:8810'
# 本地环境的api路径，这个可以自行修改
DEV_PROXY_PATH2 = 'http://192.168.1.110::8080'
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 命令
在执行命令之前，最好需要指定npm的稳定地址，这里推荐淘宝地址，你可以这么设置
npm config set registry https://registry.npm.taobao.org
1
npm i # 安装依赖
npm run serve # 本地编译热启动
npm run build # 编译打包成生产环境代码
vue ui # 启动vuecli 的ui界面
1
2
3
4
2
3
4
# 启动步骤
1.启动本地服务器
npm run serve- 打包部署
1）执行npm run build
2）执行完成后，用git上传
3）在xg-dev这个服务器上执行/home/jxhj/jenkins/test-gl2.sh fg master。 master表示是master分支，可以改成自己的分支名。
- 打包部署
注：这里只拿测试环境部署，正式环境由运维来部署操作，原理一致。
# 约定
- 系统的请求里含有
/api/前缀来标志是ajax请求，以便于区别是其他的url连接，因此请不要在路由路径里带/api/字符串。 - 约定子系统定义:
- 子系统1：
经纪人系统 - 子系统2：
投保人系统 - 子系统3：
CRM系统 - 子系统4：
权限系统
- 子系统1：
- 约定路由模块：
每个路由模块的首页文件名必须定义成index.vue。
# 附录
- 生产环境nginx配置
#资源
location ~ .*\.(gif|jpg|jpeg|png|webp|bmp|mp4|flv|avi|swf)$
{
root H:/xiaowugui/admin/dist/;
}
location ~ .*\.(js|css|json)?$
{
root H:/xiaowugui/admin/dist/;
}
location ~ .*\.(svg|woff|ttf|otf|eot)?$
{
root H:/xiaowugui/admin/dist/;
}
# api代理
location ^~ /api/ {
add_header 'Access-Control-Allow-Origin' '*';
proxy_pass http://i93rc6.natappfree.cc/;
}
# url路径
location / {
root H:/xiaowugui/admin/dist/; #dist文件夹路径
try_files $uri $uri/ /index.html last;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
API列表 →