项目启动
matevip 2021-5-31 大约 2 分钟
# 一、后台项目启动
# 1.1 启动前准备
- MySQL数据库已经安装且脚本已经导入
- Nacos的mate.yaml和mate-local.yaml已经导入，且修改为正确的连接参数
- redis已经安装完成并配置好
- rocketmq已经安装完成并配置好，仅在mate-msg模块启动时需要
如果以上已经准备完成，那么，你就可以启动项目了。
# 1.2 启动顺序
├── mate-uaa # 认证模块 MateUaaServer启动
├── mate-system # 系统管理模块 MateSystemServer启动
├── mate-micro # 微服务模块 MateMicroServer启动
├── mate-code # 代码生成模块 MateCodeServer启动
├── mate-msg # 消息服务模块 MateMsgServer启动
└── mate-gateway # 网关服务模块 MateGatewayServer启动
1
2
3
4
5
6
2
3
4
5
6
# 1.3 启动完成后的示例图
# 二、前端项目启动
# 2.1 启动模板
打开根目录下的 .env.example
内容如下：
# 具体用法参照 https://cli.vuejs.org/zh/guide/mode-and-env.html#环境变量
# 使用时请复制该文件，并将复制的文件重命名为 .env.development.local
# 在.env.development.local中编辑相关变量覆盖这里的变量达到调试的目的
# 后端接口
VUE_APP_API=https://plus-api.mate.vip
# 项目启动端口
VUE_APP_PORT=9999
# 显示抽屉
VUE_APP_SHOW_DRAWER=true
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 2.2 创建开发模板，此模板不提交
新建 .env.development.local 这个文件，把里面内容拷贝后，修改地址为本地地址：
# 具体用法参照 https://cli.vuejs.org/zh/guide/mode-and-env.html#环境变量
# 使用时请复制该文件，并将复制的文件重命名为 .env.development.local
# 在.env.development.local中编辑相关变量覆盖这里的变量达到调试的目的
# 后端接口
VUE_APP_API=http://localhost:10001
# 项目启动端口
VUE_APP_PORT=9999
# 显示抽屉
VUE_APP_SHOW_DRAWER=true
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 2.3 历史配置，已经遗弃了 ✖️
打开src/config/net.config.js,修改如下配置：
// 默认的接口地址
// 当然你也可以选择自己配置成需要的接口地址，如"https://api.mate.vip'"
// 开发环境地址：http://localhost:10001
// 线上环境地址：https://plus-api.mate.vip
// const baseURL = 'https://plus-api.mate.vip';
const baseURL = 'http://localhost:10001'
1
2
3
4
5
6
7
2
3
4
5
6
7
# 2.4 启动项目
yarn serve
1
# 2.5 启动成功后的截图
