Konfigurieren Sie Nginx, um die VueJS-App auf einer Subdomäne bereitzustellen, die auf 443 lauscht.

Question

Ich möchte die VueJS-App ausführen sub.domain.comund konfiguriere Nginx einfach wie folgt:

server {
   listen 80;
   listen 443;
   ssl on;
   ssl_certificate /etc/nginx/ssl/xxx.pem;
   ssl_certificate_key /etc/nginx/ssl/xxx.key;

   server_name sub.domain.com;
   charset utf-8;
   root    /var/www/xxx/dist;
   index   index.html index.htm;

   location / {
      root /var/www/xxx/dist;
      try_files $uri /index.html;
   }
   error_log  /var/log/nginx/xxx-error.log;
   access_log /var/log/nginx/xxx-access.log;
}

aber wenn ich diese Konfiguration anwende, wird die VueJS-App auf der Hauptdomäne ( domain.com) geladen und bricht die Website ab. Ich kann nicht verstehen, was hier falsch ist! Und auch wenn ich die Zeilen entferne, die mit SSL zusammenhängen, ist alles gut und es funktioniert wie erwartet auf http