docker部署前后端分离项目

部署一个 Spring Boot 和 Vue.js 前后端分离项目到 Docker 中通常分为两个主要步骤：分别为后端的 Spring Boot 应用和前端的 Vue.js 应用创建 Docker 镜像并进行部署。

以下是如何通过 Docker 部署 Spring Boot + Vue.js 项目的完整步骤：

1. 准备前后端代码

• 后端 (Spring Boot)：包含 Java 代码、pom.xml 或 build.gradle 文件、资源文件等。
• 前端 (Vue.js)：包含 Vue 项目源代码（例如 src 目录、package.json 等）。

2. Docker化 Spring Boot 后端

2.1 创建 Spring Boot Dockerfile

在你的 Spring Boot 项目的根目录下创建一个 Dockerfile，内容如下：

# 使用官方 OpenJDK 镜像作为基础镜像
FROM openjdk:17-jdk-alpine

# 设置工作目录
WORKDIR /app

# 将本地构建好的 Spring Boot jar 文件复制到容器中
COPY target/your-app.jar /app/your-app.jar

# 公开容器的端口
EXPOSE 8080

# 启动 Spring Boot 应用
CMD ["java", "-jar", "/app/your-app.jar"]

• openjdk:17-jdk-alpine：使用 Java 17 的 Alpine 版本镜像，适合 Spring Boot 应用。
• COPY target/your-app.jar：将打包好的 Spring Boot jar 文件复制到容器中。
• CMD：启动命令，使用 Java 运行 jar 文件。

2.2 构建 Spring Boot 项目的 JAR 包

在你的 Spring Boot 项目中，通过 Maven 或 Gradle 构建 JAR 文件：

• Maven：

  mvn clean package
  

• Gradle：