Docker+nginx部署Springboot+vue

前端打包

npm run build

打包出来的dist文件夹内的所有文件都复制到nginx的html中

conf.d目录下default.conf文件location /,添加try_files $uri $uri/ /index.html last;

启动nginx,然后浏览器输入http://localhost

后端打包

启动mysql和redis服务

Dockerfile

FROM openjdk:8-jre
EXPOSE 8081

ADD target/vueblog-0.0.1-SNAPSHOT.jar vueblog.jar
RUN bash -c 'touch /vueblog.jar'

ENTRYPOINT ["java", "-jar", "/vueblog.jar", "--spring.profiles.active=pro"]

执行前运行命令clean package -U -DskipTests

运行

刷新http://localhost

<think>好的,用户想知道如何使用DockerNginx部署Spring Boot项目。我需要结合提供的引用内容,整理一个清晰的步骤指南。首先,根据引用[2]和[4],Docker Compose可以简化部署,自动处理依赖服务如Nginx和MySQL。所以使用Docker Compose是关键。 接下来,用户需要先准备Spring Boot应用的Docker镜像。引用[3]提到构建镜像的命令,比如docker build -t demo2-deplay:1.0 .,这里需要指导用户如何编写Dockerfile。然后,Nginx配置也很重要,引用[5]指出前端打包生成dist文件,并通过Nginx反向代理到后端。因此,要配置Nginxconf文件,设置代理到Spring Boot的容器。 还需要考虑docker-compose.yml的编写,引用[4]和[5]都有相关示例,需要整合MySQL、Redis、Spring Boot和Nginx的服务定义。特别是网络设置,确保各容器能互通。最后,启动命令docker-compose up,如引用[2]和[4]所述,确保依赖服务按顺序启动。 用户可能遇到的问题包括网络配置错误、服务启动顺序或Nginx代理设置不正确。需要提醒检查端口映射和配置文件路径是否正确。另外,参考提供的步骤是否完整,比如前端打包、镜像构建、Compose文件结构等,确保用户能一步步操作。</think>### 分步指南:使用 DockerNginx 部署 Spring Boot 项目 #### 一、准备工作 1. **Spring Boot 项目配置** - 确保项目已集成 MySQL 和 Redis 等依赖,并在 `application.yml` 中配置外部服务连接信息,例如: ```yaml spring: datasource: url: jdbc:mysql://mysql:3306/db_name username: root password: your_password redis: host: redis port: 6379 ``` **注意**:此处使用 Docker 容器名(如 `mysql`、`redis`)代替 IP,确保容器间可通过服务名通信[^2][^5]。 2. **前端项目打包** - 修改前端(如 Vue)的 API 请求地址为服务器 IP 或域名,使用 `npm run build:prod` 生成 `dist` 目录。 --- #### 二、编写 Docker 相关文件 1. **Spring Boot 的 Dockerfile** ```dockerfile FROM openjdk:11-jre COPY target/demo.jar /app.jar EXPOSE 8080 ENTRYPOINT ["java", "-jar", "/app.jar"] ``` 构建镜像命令: ```bash docker build -t springboot-app:1.0 . ``` 2. **Nginx 配置文件(nginx.conf)** ```nginx server { listen 80; server_name your_domain.com; location / { root /usr/share/nginx/html; try_files $uri $uri/ /index.html; } location /api { proxy_pass http://springboot-app:8080; proxy_set_header Host $host; } } ``` **说明**:将静态文件指向 `dist` 目录,并通过 `/api` 反向代理到 Spring Boot 容器[^4][^5]。 --- #### 三、编写 Docker Compose 文件 ```yaml version: '3' services: nginx: image: nginx:alpine ports: - "80:80" volumes: - ./dist:/usr/share/nginx/html - ./nginx.conf:/etc/nginx/conf.d/default.conf depends_on: - springboot-app springboot-app: image: springboot-app:1.0 environment: - SPRING_PROFILES_ACTIVE=prod depends_on: - mysql - redis mysql: image: mysql:8.0 environment: MYSQL_ROOT_PASSWORD: root_password MYSQL_DATABASE: db_name volumes: - mysql_data:/var/lib/mysql redis: image: redis:alpine ports: - "6379:6379" volumes: - redis_data:/data volumes: mysql_data: redis_data: ``` **关键点**: - 使用 `depends_on` 控制服务启动顺序[^2] - 通过命名卷(volumes)持久化 MySQL 和 Redis 数据[^5] - Nginx 通过容器名 `springboot-app` 代理后端服务 --- #### 四、启动服务 ```bash # 进入 docker-compose.yml 所在目录 docker-compose up -d ``` **验证步骤**: 1. 检查容器状态:`docker-compose ps` 2. 访问 `http://服务器IP/api/health` 确认 Spring Boot 接口正常 3. 访问 `http://服务器IP` 查看前端页面 --- #### 常见问题排查 1. **Nginx 502 Bad Gateway** - 检查 Spring Boot 容器是否启动成功:`docker logs <container_id>` - 确认 `proxy_pass` 地址是否为 Spring Boot 容器名[^4] 2. **数据库连接失败** - 确保 MySQL 容器已初始化完成(可能需要增加健康检查) - 验证环境变量(如密码)是否与 Spring Boot 配置匹配[^3] ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值