使用docker部署带有ssl的前端代码

dockerfile

FROM nginx
COPY ./dist  /home/front/
COPY ./nginx.conf /etc/nginx/nginx.conf
COPY ./xxxx.key /server.key
COPY ./xxxx.pem /server.pem
WORKDIR /opt/nginx-1.12.2
EXPOSE 443

nginx.conf

user  root;
worker_processes  1;
error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;
events {
  worker_connections  1024;
}
http {
  include       /etc/nginx/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  /var/log/nginx/access.log  main;
  sendfile        on;
  keepalive_timeout  65;

  server {
    listen       443 ssl;
    server_name xxx.xxx;
    ssl_certificate /server.pem;
    ssl_certificate_key /server.key;
    ssl_session_cache shared:SSL:1m;
    ssl_session_timeout 5m;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
    ssl_prefer_server_ciphers on;
    if ( $host != 'xxx.xxx' ) {
		rewrite ^(.*)$ https://xxx.xxx$1 permanent;
    }
    location / {
      root   /home/front/;
      index  index.html;
      try_files $uri $uri/ /index.html;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
      root   /usr/share/nginx/html;
    }
  }
}

浏览器访问

https://xxx.xxx

坑

之前使用阿里云的证书，配置了域名依然不可以访问，我通过云解析重新配置了子域名可以访问的。