docker部署vue+springboot项目

本文介绍如何通过Docker将Vue项目与SpringBoot项目整合部署在同一文件夹中,包括编写Dockerfile、构建镜像及使用docker-compose.yml进行服务编排的过程。

1.将vue项目和springboot项目放在同一个文件夹
在这里插入图片描述
并建立docker-compose.yml文件

version: "3"
services:
  leaflet:
    build: ./vue-leaflet
    restart: always
    ports: 
      - 80:80
    depends_on:
      - project
  project:
    build: ./vueproject
    restart: always
    ports:
      - 18080:18080

2.vue项目下新建Dockerfile

# 设置基础镜像
FROM nginx:1.15
# 定义作者
MAINTAINER chijiandi <chijiandi@mobike.com>
# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/  /usr/share/nginx/html/
COPY nginx.conf /etc/nginx/conf.d/nginx.conf

EXPOSE 80

3.springboot项目下新建Dockerfile

#从dcokerhub上拉取openjdk8
FROM openjdk:8-jdk-alpine
MAINTAINER "chijiandi" <chijiandi@mobike.com>

#在宿主机的/var/lib/docker目录下创建一个临时文件并把它链接到容器中的/tmp目录
VOLUME /tmp

#拷贝打包后的jar包并且重命名
ADD target/*.jar app.jar

#容器外露到服务器的端口
EXPOSE 18080

# 为了缩短 Tomcat 的启动时间,添加java.security.egd的系统属性指向/dev/urandom作为 ENTRYPOINT
ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom", "-Dserver.port=18080","-jar","/app.jar"]

至vue项目下构建

npm run install

至springboot项目下构建

mvn clean install

至根目录构建

docker-compose up --build -d 

运行后本地docker会直接运行镜像
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值