# 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鏡像。 ```