docker下前后端分离部署，并配置https和域名访问（两台服务器）

一、部署前端
1、ssl证书上传至指定位置

2、Nginx的docker启动命令

docker run -d --name nginx -p 80:80 -p 443:443 -v /mnt/docker/nginx/nginx.conf:/etc/nginx/nginx.conf -v /mnt/docker/nginx/logs:/var/log/nginx -v /mnt/docker/nginx/html:/usr/share/nginx/html -v /mnt/docker/nginx/conf:/etc/nginx/conf.d -v /mnt/docker/nginx/cert:/etc/nginx/cert --privileged=true docker.io/nginx

3、nginx.config配置信息

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;
server {
    listen    80;       #侦听80端口
    server_name  manage.wujs.top;             #域名
 #将请求转成https
    rewrite ^(.*)$ https://$host$1 permanent;
        location / {
            root    /usr/share/nginx/html/tomato/dist;
            index  index.html index.htm;
	#try_files $uri $uri/ /index.html;
        }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root  /usr/share/nginx/html;
    }
}
server {
    listen    443;
    server_name manage.wujs.top;             #域名
    # 增加ssl
    ssl on;        #如果强制HTTPs访问，这行要打开
       ssl_certificate      /etc/nginx/cert/tomato/manage.wujs.top_bundle.pem;
       ssl_certificate_key   /etc/nginx/cert/tomato/manage.wujs.top.key;
   	 ssl_session_timeout 5m;
    	 ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #请按照这个协议配置
    	 ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; #请按照这个套件配置，配置加密套件，写法遵循 openssl 标准。
    	 ssl_prefer_server_ciphers on;
     # 定义首页索引目录和名称
	location   / {
        root    /usr/share/nginx/html/tomato/dist;
            index  index.html index.htm;
 }
    #重定向错误页面到 /50x.html
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}
}

二、部署后端
1、ssl证书上传至指定位置

2、Nginx的docker启动命令

docker run -d --name nginx -p 80:80 -p 443:443 -v /mnt/docker/nginx/nginx.conf:/etc/nginx/nginx.conf -v /mnt/docker/nginx/logs:/var/log/nginx -v /mnt/docker/nginx/html:/usr/share/nginx/html -v /mnt/docker/nginx/conf:/etc/nginx/conf.d -v /mnt/docker/nginx/cert:/etc/nginx/cert --privileged=true docker.io/nginx

3、nginx.config配置信息

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
server {
    listen    80;       #侦听80端口
    server_name  manage-api.wujs.top;             #域名
 #将请求转成https
    rewrite ^(.*)$ https://$host$1 permanent;

        location / {
            root    /usr/share/nginx/html/tomato/dist;
            index  index.html index.htm;
	#try_files $uri $uri/ /index.html;
        }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root  /usr/share/nginx/html;
    }
}
server {
    listen    443;
    server_name manage-api.wujs.top;             #域名

    # 增加ssl
    ssl on;        #如果强制HTTPs访问，这行要打开
       ssl_certificate      /etc/nginx/cert/tomato/manage-api.wujs.top_bundle.pem;
       ssl_certificate_key   /etc/nginx/cert/tomato/manage-api.wujs.top.key;
   	 ssl_session_timeout 5m;
    	 ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #请按照这个协议配置
    	 ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; #请按照这个套件配置，配置加密套件，写法遵循 openssl 标准。
    	 ssl_prefer_server_ciphers on;

     # 定义首页索引目录和名称
	location   / {
		proxy_pass  http://xx.xx.xx.xx:10088;#后端的地址+端口号

 }


    #重定向错误页面到 /50x.html
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}
}

访问：https://manage.wujs.top，如图，前端后端都是https