docker部署springboot和vue项目的实现步骤

下面是Docker部署Spring Boot和Vue.js的实现步骤的完整攻略。

1. Docker安装

首先，需要在目标机器上安装Docker。可以参考Docker官方文档进行安装。

参考示例：

# Ubuntu 18.04 LTS下安装Docker
sudo apt update
sudo apt install docker.io

# 启动Docker服务，并设置为开机自启动
sudo systemctl start docker
sudo systemctl enable docker

2. Spring Boot项目打包

在进行Docker部署之前，需要将Spring Boot项目打包为jar包。

参考示例：

# 进入Spring Boot项目目录下，执行如下命令进行打包
mvn clean package

3. Dockerfile编写

需要针对Spring Boot项目编写Dockerfile，其中包含了如何构建镜像以及运行容器的指令。

参考示例：

# 基于官方Java:8镜像构建新镜像
FROM java:8

# 复制Spring Boot打包好的jar包到镜像中
ADD target/app.jar app.jar

# 开放Spring Boot应用的8080端口
EXPOSE 8080

# 执行启动命令
CMD java -jar app.jar

4. 镜像构建

在编写好Dockerfile后，可以使用docker build命令进行镜像构建。

参考示例：

# 执行如下命令对Dockerfile所在目录下的内容进行构建
docker build -t springboot-app .

5. 镜像运行

镜像构建完成后，可以使用docker run命令运行容器。

参考示例：

# 运行刚刚构建的镜像
docker run -d -p 8080:8080 springboot-app

6. Vue项目打包

与Spring Boot类似，Vue项目也需要先进行打包。

参考示例：

# 进入Vue项目目录下，执行如下命令进行打包
npm run build

7. Dockerfile编写

需要针对Vue项目编写Dockerfile，其中包含了如何构建镜像以及运行容器的指令。

参考示例：

# 基于官方nginx镜像构建新镜像
FROM nginx

# 删除nginx默认站点
RUN rm -rf /usr/share/nginx/html/*

# 复制Vue打包好的内容到默认站点目录下
COPY dist/ /usr/share/nginx/html/

# 开放Nginx的80端口
EXPOSE 80

# 执行启动命令
CMD ["nginx", "-g", "daemon off;"]

8. 镜像构建

在编写好Dockerfile后，可以使用docker build命令进行镜像构建。

参考示例：

# 执行如下命令对Dockerfile所在目录下的内容进行构建
docker build -t vue-app .

9. 镜像运行

镜像构建完成后，可以使用docker run命令运行容器。

参考示例：

# 运行刚刚构建的镜像
docker run -d -p 80:80 vue-app

以上就是Docker部署Spring Boot和Vue.js项目的实现步骤，其中包括了对Spring Boot和Vue.js项目的打包、Dockerfile编写、镜像构建以及容器运行的操作。