1.Installation dependencies

cd jeecgboot-vue3

pnpm install

2.配置接口地址 .env.development (docker desktop本地部署时 默认)

VITE_PROXY = [["/jeecgboot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]
VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot

说明：把http://localhost:8080/jeecg-boot 换成自己地址，其他不用改。

3.build

pnpm build

Docker镜像启动前端(单体模式)

1.host设置

注意： 需要把127.0.0.1替换成真实IP 比如192.开头,不然后端不通。

此处在docker desktop本地部署时 在路径：C:\Windows\System32\drivers\etc下修改hosts文件，192.168.208.1替换127.0.0.1后成功，否则会nginx报错

127.0.0.1 jeecg-boot-system
127.0.0.1 jeecg-boot-gateway

2.配置接口域名 .env.production （此处继续默认 docker desktop本地部署）

VITE_GLOB_API_URL=/jeecgboot
VITE_GLOB_DOMAIN_URL=http://jeecg-boot-system:8080/jeecg-boot

3.编译项目

pnpm build

4.启动容器

直接在webstrom的终端输入以下命令即可(docker desktop本地部署)

docker build -t jeecgboot-vue3 .
docker run --name jeecgboot-vue3-nginx -p 80:80 -d jeecgboot-vue3

5. 导出导入镜像

# 导出镜像
docker save -o jeecgboot-vue3.tar jeecgboot-vue3
#导入镜像
docker load -i jeecgboot-vue3.tar

6. 直接将host添加到容器内运行

docker run --add-host jeecg-boot-system:10.8.226.13 --add-host jeecg-boot-gateway:10.8.226.13 --name jeecgboot-vue3 -d -p 80:80 jeecgboot-vue3