# Docker镜像启动前端 (对接单体后台) ### 1. 下载项目 ``` git clone https://gitee.com/jeecg/jeecgboot-vue3.git ``` ## 2. 配置host >[warning] 提醒： 注意需要把`127.0.0.1`替换成真实IP， 比如`192.`开头，不然后端不通。 ``` 127.0.0.1 jeecg-boot-system 127.0.0.1 jeecg-boot-gateway ``` ### 3. 配置后台域名 (可忽略) 进入项目 ``` cd jeecgboot-vue3 ``` 修改 `.env.production` ~~~ VITE_GLOB_API_URL=/jeecgboot VITE_GLOB_DOMAIN_URL=http://jeecg-boot-system:8080/jeecg-boot ~~~ >[info] 此处的 jeecg-boot-system 对应host的域名配置。 ### 4. 进入项目根目录，执行编译命令 ~~~ pnpm i npm run build ~~~ ### 5. 构建镜像 ~~~ docker build -t jeecgboot-vue3 . ~~~ ### 6. 启动镜像 docker run --name jeecgboot-vue3-nginx -p 80:80 -d jeecgboot-vue3 ### 7. 访问前台项目 http://localhost:80 ### 8. 后台项目启动 [看此文档](http://doc.jeecg.com/2043889) ### 9. 常见问题 >[warning] 启动成功后，发现获取不到验证码，这个时候需要把host的ip改成你的真实ip不能用127.0.0.1，不如改成如下配置，并重启前端的docker  重启后刷新就能获取到验证码了。 ***** # Docker镜像启动前端 (对接微服务后台) >[info] 只写 与单体的区别步骤 ### 区别1. 修改后台域名 .env.production ```bash VITE_GLOB_API_URL=/jeecgboot VITE_GLOB_DOMAIN_URL=http://jeecg-boot-gateway:9999 ``` 后台微服务启动 [见此文档](http://doc.jeecg.com/2656147) ### 区别2. 修改Dockerfile文件 ```bash - 把`http://jeecg-boot-system:8080/jeecg-boot`替换成 `http://jeecg-boot-gateway:9999` - 把`jeecg-boot-system`替换成 `jeecg-boot-gateway` ``` >[warning] 注意：微服务部署Dockerfile里location和proxy_pass最后都必须带/，否则链接gateway会报错 ``` location /jeecgboot/ { # 必须有/ proxy_pass http://jeecg-boot-gateway:9999/; proxy_redirect off; proxy_set_header Host jeecg-boot-gateway; proxy_set_header X-Real-IP \$remote_addr; proxy_set_header X-Forwarded-For \$proxy_add_x_forwarded_for; } ``` ### 其他与上面一样 ```bash 镜像需要重现构建，最好把单体的镜像删掉，重新构建docker镜像。 ```