docker(2)部署前后端分离springboot+vue项目

前置知识 虚拟网桥

docker容器需要在同一个网段才能通信,当启动一个容器时会自动连接一个docker中默认网桥段但此默认网桥段非本容器固定,当下次容器启动分配的ip会变,并且不可用名称直接访问。

自定义网段将需要互通的容器放入,可以直接通过容器名称去互相访问。

docker(2)部署前后端分离springboot+vue项目_第1张图片

docker(2)部署前后端分离springboot+vue项目_第2张图片

1.部署mysql服务

先创建一个网段

创建三个文件夹

docker(2)部署前后端分离springboot+vue项目_第3张图片

conf文件夹上传mysql配置文件

docker(2)部署前后端分离springboot+vue项目_第4张图片

init文件上传mysql数据库表生成文件

docker(2)部署前后端分离springboot+vue项目_第5张图片

启动mysql镜像容器并挂载

docker run -d --name mysql -p 3309:3306 -e TZ=Asia/Shanghai -e MYSQL_ROOT_PASSWORD=123 -v /root/mysql/data:/var/lib/mysql -v /root/mysql/init:/docker-entrypoint-initdb.d -v /root/mysql/conf:/etc/mysql/conf.d --network hihi mysql 

可用navicat测试连接

docker(2)部署前后端分离springboot+vue项目_第6张图片

2.部署后端项目

docker(2)部署前后端分离springboot+vue项目_第7张图片

docker(2)部署前后端分离springboot+vue项目_第8张图片将项目打包成一个jar包 并同dokcerfile文件放入同一文件夹下

docker(2)部署前后端分离springboot+vue项目_第9张图片

打包成docker镜像

docker(2)部署前后端分离springboot+vue项目_第10张图片

启动镜像

docker(2)部署前后端分离springboot+vue项目_第11张图片

这时就可直接测试后端接口

docker(2)部署前后端分离springboot+vue项目_第12张图片

3.部署前端项目

拉取一个nginx容器,并将本地前端项目和配置文件上传并于dokcer中的nginx容器挂载

启动docker中nginx镜像并将前端项目与配置文件进行挂载

docker(2)部署前后端分离springboot+vue项目_第13张图片

你可能感兴趣的:(docker,docker,java,1024程序员节)