1、项目打包成jar包

docker构建springboot+vue+nginx

2、yml配置

server:
  port: 81
  tomcat:
    uri-encoding: utf-8

3、打包,或者直接

mvn package

docker构建springboot+vue+nginx

 4、创建文件夹dockerJar,用于存放jar包和dockerfile文件,创建dockerfile文件,内容如下:

FROM java:8
VOLUME /tmp
ADD dataservice-0.0.1.jar dataservice.jar
RUN bash -c 'touch /dataservice.jar'
ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","-Xmx1024m","-Xms1024m","/dataservice.jar"]

from:指定基础镜像,写在命令最前面,后面指令都依赖于指定的镜像。

VOLUME:加载本地目录下的配置文件到容器目标地址下,使容器中的一个目录具有持久化存储的功能;在宿主机的 /var/lib/docker目录下创建一个临时文件并把它链接到容器中的 /tmp目录。

ADD:将"源路径"(或文件)自动解压到目标路径;

5、上传jar包到dockerJar目录下,jar文件需要和dockerfile存放在同一目录,且名称与dockerfile中配置一致:

docker构建springboot+vue+nginx

 

 

 6、创建jar包镜像文件,注意 点 前面有空格:

docker build -t dataservice .

docker构建springboot+vue+nginx

 

 7、运行镜像文件,启动docker容器,,并把容器的81端口映射到的宿主机器的81端口:

docker run -d -p 81:81 dataservice

 到此springboot项目就部署成功啦,访问项目swagger页面:

docker构建springboot+vue+nginx

 

nginx部署vue项目 

1、安装nginx,拉取nginx镜像文件

docker pull nginx

2、查看nginx镜像文件:docker images

docker构建springboot+vue+nginx

 

 

3、运行nginx镜像文件创建nginx容器,将宿主机器上的8080端口映射到

docker run -d -p 8080:80 --name mynginx -v /usr/application/nginx/html:/usr/share/nginx/html -v /usr/local/nginx/logs:/var/log/nginx nginx:latest

4、查看nginx容器:docker ps ,可以看到nginx容器已启动

docker构建springboot+vue+nginx

 

 

5、vue项目打包

npm run build 

docker构建springboot+vue+nginx

 

 

 在项目根目录下生成一个dist文件夹,如图所示;

docker构建springboot+vue+nginx

6、将dist文件夹里的static文件夹和index.html上传到 /usr/application/nginx/html 目录下,成功访问http://localhost:8080

 

相关文章:

  • 2021-06-19
  • 2021-05-15
  • 2021-07-25
  • 2022-01-21
  • 2022-12-23
  • 2021-12-16
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-11-25
  • 2021-10-11
  • 2021-05-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案