วิธีใช้ https ในโครงการ docker-compose Vue, express

ฉันพยายามเปิดใช้งานการเชื่อมต่อ HTTPS สำหรับโครงการของฉัน ปัจจุบันสามารถไป http://domainname.com:8080 และทุกอย่างใช้งานได้ แต่ฉันต้องมีการเชื่อมต่อ HTTPS

ฉันกำลังส่งไฟล์ docker-compose.yml โดยไม่มี API และ DB:

รุ่น: "3"
ปริมาณ:
 dhparam: # ไม่แน่ใจว่าเพื่ออะไร ;)
 vhostd: # การกำหนดค่าโฮสต์ เขียนโดย nginx-gen ใช้โดย nginx-proxy
 html: # มีไดเร็กทอรี .well-known เขียนโดย letsencrypt ให้บริการโดย nginx-proxy

บริการ:

  # ให้เข้ารหัส pomocny kontajner
  nginx-proxy-companion:
    รูปภาพ: "jrcs/letsencrypt-nginx-proxy-companion:${NGINXPROXYLETSENCRYPTCOMPANION_TAG}"
    รีสตาร์ท: เว้นแต่จะหยุด
    ปริมาณ:
    - ${NGINX_FILES_PATH:-./data}/conf.d:/etc/nginx/conf.d
    - vhostd:/etc/nginx/vhost.d
    - html:/usr/share/nginx/html
    - ${NGINX_FILES_PATH:-./data}/certs:/etc/nginx/certs
    - ${DOCKER_SOCK:-/var/run/docker.sock}:/var/run/docker.sock:ro
    ขึ้นอยู่กับ:
    - nginx-พร็อกซี
    สิ่งแวดล้อม:
    - "DEFAULT_EMAIL=${ADMIN_EMAIL}"
    - "NGINX_DOCKER_GEN_CONTAINER=${DOCKER_GEN:-nginx-gen}"
    - "NGINX_PROXY_CONTAINER=${NGINX_WEB:-nginx-web}"
    เข้าสู่ระบบ:
      ไดรเวอร์: "json-file"
      ตัวเลือก:
        ขนาดสูงสุด: "200k"
        ไฟล์สูงสุด: "10"

  # เครื่องกำเนิด konfigu ก่อน vstupne reverzne พร็อกซี
  nginx-gen:
    รูปภาพ: "jwilder/docker-gen:${NGINXPROXY_DOCKERGEN_TAG}"
    ป้ายกำกับ:
      com.github.jrcs.letsencrypt_nginx_proxy_companion.nginx_proxy: จริง
    คำสั่ง: -notify-sighup ${COMPOSE_PROJECT_NAME}_nginx-proxy_1 -watch -wait 5s:30s /etc/docker-gen/templates/nginx.tmpl /etc/nginx/conf.d/default.conf
    รีสตาร์ท: เว้นแต่จะหยุด
    ปริมาณ:
    - ${DOCKER_SOCK:-/var/run/docker.sock}:/tmp/docker.sock:ro
    - ${NGINX_FILES_PATH:-./data}/conf.d:/etc/nginx/conf.d
    - vhostd:/etc/nginx/vhost.d
    - html:/usr/share/nginx/html
    - ${NGINX_FILES_PATH:-./data}/certs:/etc/nginx/certs:ro
    - ${NGINX_FILES_PATH:-./data}/nginx.tmpl:/etc/docker-gen/templates/nginx.tmpl:ro
    สิ่งแวดล้อม:
    - SSL_POLICY
    เข้าสู่ระบบ:
      ไดรเวอร์: "json-file"
      ตัวเลือก:
        ขนาดสูงสุด: "10m"
        ไฟล์สูงสุด: "10"

  # ย้อนกลับพร็อกซี
  พร็อกซี nginx:
    ภาพ: "nginx:${NGINX_TAG:-ล่าสุด}"
    รีสตาร์ท: เว้นแต่จะหยุด
    พอร์ต:
    - "0.0.0.0:8080:80"
    - "0.0.0.0:443:443"
    ขึ้นอยู่กับ:
    - nginx-gen
    ปริมาณ:
    - ${NGINX_FILES_PATH:-./data}/conf.d:/etc/nginx/conf.d:ro
    - vhostd:/etc/nginx/vhost.d:ro
    - html:/usr/share/nginx/html:ro
    - ${NGINX_FILES_PATH:-./data}/certs:/etc/nginx/certs:ro
    - ${NGINX_FILES_PATH:-./data}/htpasswd:/etc/nginx/htpasswd:ro
    ลิงค์:
    - bozp-gui
    เข้าสู่ระบบ:
      ไดรเวอร์: "json-file"
      ตัวเลือก:
        ขนาดสูงสุด: "10m"
        ไฟล์สูงสุด: "10"

  # คอนแท็คเนอร์ GUI (cez vstupne reverzne proxy)
  bozp-gui:
    สร้าง: ./bozp-gui
    ภาพ: bozp-gui:latest
    รีสตาร์ท: เว้นแต่จะหยุด
    ลิงค์:
    - bozp-api
    ขึ้นอยู่กับ:
    - bozp-api
    สิ่งแวดล้อม:
    - "LETSENCRYPT_HOST=${VIRTUAL_HOST}"
    - "VIRTUAL_HOST=${VIRTUAL_HOST}"
    เข้าสู่ระบบ:
      ไดรเวอร์: "json-file"
      ตัวเลือก:
        ขนาดสูงสุด: "10m"
        ไฟล์สูงสุด: "10"

ใน Dockerfile สำหรับแอป Vue.js ฉันกำลังเปิดเผยพอร์ต 80 และ 443

ขอบคุณ.