【保姆级】阿里云codeup配置Git的CI/CD步骤

以下是通过阿里云CodeUp的Git仓库进行CI/CD配置的详细步骤，涵盖前端（Vue 3）和后端（Spring Boot）项目的自动化打包，并将前端打包结果嵌入到Nginx的Docker镜像中，以及将后端打包的JAR文件拷贝至Docker指定目录的完整流程：

前提条件

1. 阿里云账号：已注册并登录阿里云CodeUp。
2. 项目代码：前端（Vue 3）和后端（Spring Boot）项目代码已托管到CodeUp仓库。
3. Docker环境：本地或服务器上已安装Docker。
4. 阿里云容器镜像服务：已创建并配置好容器镜像仓库。

步骤 1：配置CodeUp仓库

1. 登录CodeUp：

   • 使用阿里云账号登录CodeUp。
   • 创建或选择一个前端Vue 3项目仓库和一个后端Spring Boot项目仓库。

2. 设置Webhook（可选）：

   • 在CodeUp仓库中，进入“设置”页面，找到“Webhooks”选项。
   • 添加Webhook，指向阿里云CI/CD工具的Webhook地址（如果使用阿里云CI/CD工具）。

步骤 2：配置CI/CD流水线

2.1 配置前端项目CI/CD

1. 创建前端Dockerfile：

   • 在前端项目根目录下创建Dockerfile，内容如下：