Docekr 部署 Java,Vue 实现前后台分离

---

Docekr 部署 Java，提供前台访问接口

---

1: 创建 java docker_java 镜像，在 docker_java.jar 包目录创建 Dockerfile，文件内容如下（暴露 5678 端口）

FROM openjdk:8-jre-alpine

ADD *.jar docker_java-1.0.jar

EXPOSE 5678

ENTRYPOINT ["java","-jar","/docker_java-1.0.jar"]

2：在 Dockerfile 目录执行如下命令生成镜像

docker build -t docker_java:v1.0.0 .

4：查看镜像 docker images

5：推送阿里仓库

docker login --username=lk1060352728 registry.cn-hangzhou.aliyuncs.com

docker images:

docker tag f04e18c2f36a registry.cn-hangzhou.aliyuncs.com/lk_work/docker_java:v1.0.0

docker push registry.cn-hangzhou.aliyuncs.com/lk_work/docker_java:v1.0.0

6：启动 java 镜像

docker run -d -p 5678:5678 --name java1 --network mynetwork docker_java:v1.0.0

Docekr 部署 vue，调用 java 接口

1：在 vue 目录创建 Dockerfile 文件，内容如下

FROM nginx

EXPOSE 8080

COPY nginx.conf /etc/nginx/conf.d/default.conf

RUN rm -rf /usr/share/nginx/html

RUN mkdir /usr/share/nginx/html

COPY /dist /usr/share/nginx/html

ENTRYPOINT nginx -g "daemon off;"

2：在 vue 目录创建 nginx.conf 配置，内容如下

server {

    listen 8080;

    server_name 127.0.0.1;

    root    /usr/share/nginx/html;

    index   index.html;

    location / {

        try_files $uri $uri/ @router;

        index index.html;

    }

    location @router {

        rewrite ^.*$ /index.html last;

    }

    location /test/ {

        proxy_set_header Host $http_host;

        proxy_set_header X-Real-IP $remote_addr;

        proxy_set_header REMOTE-HOST $remote_addr;

        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        proxy_pass http://192.168.234.128:5678;

    }

}

3：在 vue 目录执行 docker build -t docker_web:v1.0.0 . 生成 docker 镜像

4：查看镜像 docker images

5：推送阿里仓库

docker login --username=lk1060352728 registry.cn-hangzhou.aliyuncs.com

docker images:

docker tag e05e13cb4215 registry.cn-hangzhou.aliyuncs.com/lk_work/docker_web:v1.0.0

docker push registry.cn-hangzhou.aliyuncs.com/lk_work/docker_web:v1.0.0

7：启动镜像

docker run -d -p 8080:8080 --name web1 --network mynetwork docker_web:v1.0.0

8：浏览器访问

ip:8080