docker项目部署springboot+vue

### 使用 Docker 部署 Spring Boot 和 Vue 构建的项目

#### 准备工作
为了成功部署包含 Spring Boot 后端和 Vue 前端的应用程序，需先完成一些准备工作。这包括配置 Docker 的远程访问权限以及设置开发环境中的必要工具。

对于后端部分，在 IDEA 中应配置好 Docker 插件并集成 Maven 插件以便于后续操作[^2]。而对于前端，则要确保本地已安装 Nginx 并拉取其官方镜像用于服务静态资源文件。

#### 创建 Dockerfile 文件
针对 Spring Boot 应用而言，在指定路径 `/root/admin-vue/spring_dockerfile` 下创建 `Dockerfile` 是必要的步骤之一。此文件定义了应用运行所需的操作系统环境及其依赖项，并指导 Docker 如何构建应用程序镜像[^3]。

FROM openjdk:8-jdk-alpine
VOLUME /tmp
ADD admin-service.jar app.jar
ENTRYPOINT ["java","-jar","/app.jar"]

上述是一个简单的 Dockerfile 示例，适用于大多数基于 Java 的微服务架构下的 Spring Boot 项目。

#### 打包与发布流程
当所有准备就绪之后，可以按照如下顺序执行具体命令来实现整个项目的自动化打包与发布：

1. **构建 Spring Boot 应用**
- 利用 Maven 或 Gradle 对 Spring Boot 进行编译打包成 JAR/WAR 形式的可执行文件；

2. **构建 Docker 镜像**
- 将生成好的 Jar 包放置于之前提到过的特定位置（即含有 Dockerfile 的同一目录），并通过 `docker build . -t your-image-name` 来制作自定义镜像；

3. **启动容器实例**
- 接下来就是利用新建立起来的镜像去初始化一个新的容器：`docker run -d -p hostPort:containerPort --name containerName imageName`

4. **处理 Vue.js 客户端**
- 在完成了服务器端部属以后，还需要关注客户端方面的工作——即将已经构建完毕的 Vue 单页应用通过 NGINX 反向代理的方式对外提供 HTTP 访问接口。
- 修改 nginx.conf 添加 location 指令指向 vue dist 目录;
- 把修改后的 conf 放入到 nginx/conf.d/default.conf ;
- 更新默认页面 index.html 至 html/index.html ;

5. **优化与测试**
- 经过以上几步基本能够满足大部分场景的需求，但仍建议进一步调整参数以适应实际生产环境中可能遇到的各种情况。比如内存限制、CPU 核心数分配等都可以作为调优的方向。同时也要记得进行全面的功能性和性能方面的验证，确保一切正常运作后再正式上线投入使用。