vue3前端支持docker镜像启动

pull/170/head
zhangdaiscott 2022-07-21 15:16:52 +08:00
parent aeb152c68e
commit 425851e737
1 changed files with 38 additions and 11 deletions

View File

@ -77,36 +77,63 @@ yarn build
```
## Docker镜像用法
- 编译项目
## Docker镜像启动前端(单体模式)
- host设置
```bash
127.0.0.1 jeecg-boot-system
127.0.0.1 jeecg-boot-gateway
```
>注意: 需要把`127.0.0.1`替换成真实IP 比如`192.`开头,不然后端不通。
- 下载项目
```bash
git clone https://github.com/jeecgboot/jeecgboot-vue3.git
cd jeecgboot-vue3
```
### 修改后台域名
.env.production
```bash
VITE_GLOB_API_URL=/jeecgboot
VITE_GLOB_DOMAIN_URL=http://jeecg-boot-system:8080/jeecg-boot
```
- 编译项目
```bash
yarn install
yarn build
```
- host设置
```bash
{改成具体IP} jeecg-boot-system
```
> 127.0.0.1不行得设置具体IP
- 启动容器
```bash
docker build -t jeecgboot-vue3 .
docker run --name jeecgboot-vue3-nginx -p 80:80 -d jeecgboot-vue3
```
- 访问前台
http://localhost
## Docker镜像启动前端(微服务模式)
只写与单体的区别步骤
### 区别1. 修改后台域名
.env.production
```bash
VITE_GLOB_API_URL=/jeecgboot
VITE_GLOB_DOMAIN_URL=http://jeecg-boot-gateway:9999
```
### 区别2. 修改Dockerfile文件
把`http://jeecg-boot-system:8080/jeecg-boot`替换成 `http://jeecg-boot-gateway:9999`
把`jeecg-boot-system`替换成 `jeecg-boot-gateway`
## 功能模块
> vue3版本已经实现了系统管理、系统监控、报表、各种组件、前端权限、GUI代码生成、Online表单、Online报表等平台功能完全可以用于生产环境。