Docker打包前后端项目的实现示例

 更新时间:2024年04月16日 10:39:53   作者:冰冰很社恐  
目前我们大多数服务应该会使用Docker来进行部署,本文主要介绍了Docker打包前后端项目的实现示例,具有一定的参考价值,感兴趣的可以了解一下

1.打包应用

mvn clean package -DskipTests

2.新建dockerfile

FROM  openjdk:8
#设置工作目录
WORKDIR  /workspace

#COPY  wms-app-0.0.1-SNAPSHOT.jar /workspace/app.jar
ADD  wms-app-0.0.1-SNAPSHOT.jar  app.jar
#配置容器暴漏的端口
EXPOSE 8080
#查看是否已经copy进去
#RUN  ls 
#java App
ENTRYPOINT  ["java","-jar","app.jar"]

3.打包镜像

docker build -t mall:v1 .

4.测试运行

--rm 代表退出之后,容器移动删除

docker run -it --rm beimao:v1

5.使用阿里云免费私仓

阿里云登录 - 欢迎登录阿里云,安全稳定的云计算服务平台

Vue前端项目打包

编译打包

npm run build

前端项目 nginx的配置文件default.conf 和 dockerfile

default.conf

upstream wms-app {
    server 192.168.14.3:3666 ;
    server 192.168.14.3:3777 ;
}
server {
    listen       80;
    listen  [::]:80;
    server_name  localhost;

    access_log  /var/log/nginx/host.access.log  main;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html; #解决单页面找不到路径问题 404
    }
   
    location /api/ {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Methods' 'POST,GET,OPTIONS';
            add_header 'Access-Control-Allow-Headers' 'Authorization'; #跨域设置
            proxy_pass http://wms-app ;  #可以配置多个下游服务,具有负载功能
            #proxy_pass http://192.168.14.3:3666; #仅配置一个下游服务,不具有负载均衡能力

    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }


}

1.root:设置静态根目录为 /usr/share/nginx/html

2. index:设置目录的默认文件为 index.html 、index.htm、index.php

3. try_files:设置文件查找规则为 $uri $uri/ /index.html。即3个规则,先从 $uri 查找,再从 u r i / 目录中查找,最后查找 / i n d e x . h t m l 。

dockerfile

FROM nginx
COPY html /usr/share/nginx/html
RUN rm -f /etc/nginx/conf.d/default.conf
ADD default.conf /etc/nginx/conf.d/default.conf

构建镜像

docker build -t web:v1 .

运行

docker  run -it -p 8086:80  web:v1

到此这篇关于Docker打包前后端项目的实现示例的文章就介绍到这了,更多相关Docker打包前后端项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家! 

相关文章

  • Docker-swarm快速搭建redis集群的方法步骤

    Docker-swarm快速搭建redis集群的方法步骤

    本文主要介绍了Docker-swarm快速搭建redis集群的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • ssh 直接登录docker容器的操作方法(不用通过宿主机进入)

    ssh 直接登录docker容器的操作方法(不用通过宿主机进入)

    这篇文章主要介绍了ssh 直接登录docker容器的操作方法(不用通过宿主机进入),本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-06-06
  • 详解Windows下运用Docker部署Node.js开发环境

    详解Windows下运用Docker部署Node.js开发环境

    这篇文章主要介绍了详解Windows下运用Docker部署Node.js开发环境,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01
  • 在Window 10上安装Docker图文教程

    在Window 10上安装Docker图文教程

    Docker 是一个开源的应用容器引擎,功能十分强大,相信开发者们都不陌生。现在,docker已经发布了支持Windows10的稳定版本,对于用户来说是一个福音。接下来,小编就详细介绍Win10系统安装docker教程。
    2018-03-03
  • 关于为Windows Service 2019 使用 Docker的问题

    关于为Windows Service 2019 使用 Docker的问题

    最近收到领导通知,甲方需要将原来的服务器迁移到新的服务器,原来的服务器上安装了很多的服务,每次重启之后总是有很多的问题需要人工大量的进行干预,今天小编通过本文给大家介绍下Windows Service 2019 使用 Docker的问题,需要的朋友参考下吧
    2022-05-05
  • 使用docker搭建一套开发环境全家桶的详细教程

    使用docker搭建一套开发环境全家桶的详细教程

    这篇文章主要介绍了使用docker搭建一套开发环境全家桶,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-09
  • docker ps容器未显示的问题以及排查过程详解

    docker ps容器未显示的问题以及排查过程详解

    这篇文章主要给大家介绍了关于docker ps容器未显示的问题以及排查过程的相关资料,相信各位在使用docker容器的时候,经常docker run -d后台运行后,使用docker ps的时候发现这个容器显示不到,这里给大家介绍下,需要的朋友可以参考下
    2023-09-09
  • Docker部署Nginx并配置反向代理

    Docker部署Nginx并配置反向代理

    这篇文章介绍了Docker部署Nginx并配置反向代理的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-01-01
  • Docker容器如何查看ip地址的实现方法

    Docker容器如何查看ip地址的实现方法

    这篇文章主要介绍了Docker容器如何查看ip地址的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • Docker删除镜像详细步骤和注意事项

    Docker删除镜像详细步骤和注意事项

    Docker删除镜像是一个常见的操作,主要用于清理系统中不再需要的镜像,以释放存储空间,删除镜像可以通过docker rmi命令实现,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-10-10

最新评论