栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Docker部署前后端分离项目(Docker+Nginx+Vue+SpringBoot)

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Docker部署前后端分离项目(Docker+Nginx+Vue+SpringBoot)

使用Docker+Docker-Compose部署前后端分离的项目

1.安装 docker-compose

 curl -L "https://github.com/docker/compose/releases/download/1.27.4/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose

2.给权限

 chmod +x /usr/local/bin/docker-compose

3.打包前端项目

 4.在/mydata/mydocker目录下执行

mkdir -p nginx/html

将打包好的前端项目放入html里

在nginx中创建nginx.conf

#user  root;
worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       8084;
        server_name  localhost;
        location / {
            root   /usr/share/nginx/html;
            # nginx 报404需要加下面这行
            try_files $uri $uri/ /index.html last; 
            index  index.html index.htm;
            #nginx 报405加下面这行
            #error_page 405 =200 http://$host$request_uri;
        }
        #nginx 报 连接错误 、没有数据(We’re sorry but “XXX” doesn’t work...放开下面的注释(我是这个问题,如果不行可以试试方法二)
        location ^~ /api/ {
        	  rewrite ^/api/(.*)$ /$1 break;
            proxy_pass http://192.168.56.10:11532;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}


5.在/mydata/mydocker下创建Dockerfile文件

# 基础镜像使用java
FROM java:8
# 作者
MAINTAINER zxl
# VOLUME 指定临时文件目录为/tmp,在主机/var/lib/docker目录下创建了一个临时文件并链接到容器的/tmp
VOLUME /tmp
# 将jar包添加到容器中并更名为partsstock.jar
ADD shkjPartsstock.jar partsstock.jar
# 运行jar包
RUN bash -c 'touch /partsstock.jar'
ENTRYPOINT ["java","-jar","/partsstock.jar"]
#暴露11532端口作为微服务 代码后端得server-port
EXPOSE 11532

6.在/mydata/mydocker下创建docker-compose.yml文件

version: "3"
services:
  nginx: # 服务名称,用户自定义
    image: nginx:latest  # 镜像版本
    ports:
           - 8084:8084 # 前端项目暴露的端口
    volumes: # 挂载 
    	# html和nginx.conf 挂载
      - /mydata/mydocker/nginx/html:/usr/share/nginx/html
      - /mydata/mydocker/nginx/nginx.conf:/etc/nginx/nginx.conf
    privileged: true # 这个必须要,解决nginx的文件调用的权限问题
  partsstockadmin:
    image: partsstock:1.4
    build: . # 表示以当前目录下的Dockerfile开始构建镜像
    ports:
      -11532:11532 #后端项目暴露的端口
    privileged: true

7.运行命令进行编排

docker-compose up -d

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1020947.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号