配置 nginx 為 vuejs 應用程式提供子域監聽 443

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 上的預期工作