443 でリッスンしているサブドメインで vuejs アプリを提供するように nginx を構成する

Question

私は vuejs アプリを実行したいのでsub.domain.com、以下のように nginx を設定するだけです:

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;
}

しかし、この設定を適用すると、vuejsアプリがメインドメイン（domain.com）にロードされ、ウェブサイトが壊れます。ここで何が間違っているのか理解できません。また、SSLに関連する行を削除すると、すべてが正常になり、httpで期待どおりに動作します。