Docker部署前后端分离项目（Docker+Nginx+Vue+SpringBoot）

docker的优势：

       优势：1、更快速的交付和部署；2、更高效的虚拟化；3、更轻松的迁移和扩展；4、更简单的管理；5、CPU/内存的低消耗。

docker-compose概述：

        Compose 项目是 Docker 官方的开源项目，负责实现对 Docker 容器集群的快速编排。使用Dockerfile可以定义一个单独的应用容器。然而在日常开发工作中，经常会碰到需要多个容器相互配合来完成某项任务的情况。例如要实现一个 Web 项目，除了 Web 服务容器本身，往往还需要再加上后端的数据库服务容器；再比如在分布式应用一般包含若干个服务，每个服务一般都会部署多个实例。如果每个服务都要手动启停，那么效率之低、维护量之大可想而知。这时候就需要一个工具能够管理一组相关联的的应用容器，这就是Docker Compose。

使用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;
        }
    }
}

nginx配合负载均衡

#user  root;
worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    upstream portsstock {
        server 192.168.56.10:11532;
        server 192.168.56.10:11533;
    }
    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;
            proxy_pass http://portsstock;
        }
        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