Cách sử dụng https trên dự án docker-compose Vue, express

Tôi đang cố kích hoạt kết nối HTTPS cho dự án của mình. Hiện tại, tôi có thể đến http://tên miền.com:8080 và mọi thứ đều hoạt động, nhưng tôi cần có kết nối HTTPS.

Tôi đang gửi tệp docker-compose.yml của mình mà không có API và DB:

phiên bản: "3"
khối lượng:
 dhparam: # không chắc dùng để làm gì;)
 vhostd: # cấu hình máy chủ, được viết bởi nginx-gen, được sử dụng bởi nginx-proxy
 html: # chứa thư mục .well-known, được viết bởi letsencrypt, được cung cấp bởi nginx-proxy

dịch vụ:

  # letsencrypt pomocny kontajner
  nginx-proxy-đồng hành:
    hình ảnh: "jrcs/letsencrypt-nginx-proxy-companion:${NGINXPROXYLETSENCRYPTCOMPANION_TAG}"
    khởi động lại: trừ khi dừng
    khối lượng:
    - ${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
    phụ thuộc:
    - nginx-proxy
    môi trường:
    - "DEFAULT_EMAIL=${ADMIN_EMAIL}"
    - "NGINX_DOCKER_GEN_CONTAINER=${DOCKER_GEN:-nginx-gen}"
    - "NGINX_PROXY_CONTAINER=${NGINX_WEB:-nginx-web}"
    khai thác gỗ:
      trình điều khiển: "tệp json"
      tùy chọn:
        kích thước tối đa: "200k"
        tệp tối đa: "10"

  # trình tạo konfigu trước vstupne reverzne proxy
  nginx-gen:
    hình ảnh: "jwilder/docker-gen:${NGINXPROXY_DOCKERGEN_TAG}"
    nhãn:
      com.github.jrcs.letsencrypt_nginx_proxy_companion.nginx_proxy: true
    lệnh: -notify-sighup ${COMPOSE_PROJECT_NAME}_nginx-proxy_1 -watch -wait 5s:30s /etc/docker-gen/templates/nginx.tmpl /etc/nginx/conf.d/default.conf
    khởi động lại: trừ khi dừng
    khối lượng:
    - ${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
    môi trường:
    - SSL_POLICY
    khai thác gỗ:
      trình điều khiển: "tệp json"
      tùy chọn:
        kích thước tối đa: "10m"
        tệp tối đa: "10"

  # proxy ngược
  nginx-proxy:
    hình ảnh: "nginx:${NGINX_TAG:-mới nhất}"
    khởi động lại: trừ khi dừng
    cổng:
    - "0.0.0.0:8080:80"
    - "0.0.0.0:443:443"
    phụ thuộc:
    - nginx-gen
    khối lượng:
    - ${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
    liên kết:
    - bozp-gui
    khai thác gỗ:
      trình điều khiển: "tệp json"
      tùy chọn:
        kích thước tối đa: "10m"
        tệp tối đa: "10"

  # GUI kontajner (cez vstupne reverzne proxy)
  bozp-gui:
    xây dựng: ./bozp-gui
    hình ảnh: bozp-gui: mới nhất
    khởi động lại: trừ khi dừng
    liên kết:
    - bozp-api
    phụ thuộc:
    - bozp-api
    môi trường:
    - "LETSENCRYPT_HOST=${VIRTUAL_HOST}"
    - "ẢNH_HOST=${VIRTUAL_HOST}"
    khai thác gỗ:
      trình điều khiển: "tệp json"
      tùy chọn:
        kích thước tối đa: "10m"
        tệp tối đa: "10"

Trong ứng dụng Dockerfile cho Vue.js, tôi đang hiển thị các cổng 80 và 443.

Cảm ơn.