Node.js Nginx服务登录页与VueJS应用程序分开

我正在尝试分别为我的登录页和Vuejs应用程序提供服务

下面是为我的VueJS应用程序提供服务的Nginx配置，它工作正常。如何将其配置为从“/”服务于我的登录页，从“/”服务于我的VueJS应用程序

---

更改路由和资源路径后，请尝试以下配置：

server {
  listen $PORT;

  index index.html index.html;

  location / {
    root /usr/share/nginx/landing;
  }

  location /app/ {
    alias /usr/share/nginx/html/;
    try_files $uri /app/index.html;
  }

  location ~ ^/(?:wizard_question|wizard_submit) {
    proxy_pass          http://127.0.0.1:5050;
    proxy_http_version  1.1;
    proxy_redirect      default;
    proxy_set_header    Upgrade $http_upgrade;
    proxy_set_header    Connection "upgrade";
    proxy_set_header    Host $host;
    proxy_set_header    X-Real-IP $remote_addr;
    proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header    X-Forwarded-Host $server_name;
  }
}

---

您的配置已经提供了位于

/usr/share/nginx/html

中的静态内容，请将此路径更改为登录页所在的目录。在/usr/share/nginx/html中，是VueJS应用程序中的/dist和index.html。登录页位于/nginx/landing下。您应该重写应用程序的所有路由，并将

/app

前缀附加到它们，并将您的资产URI设置为相对URI或以

/app

前缀开头。你能做到吗？是的，所以我现在为/app预编了所有路线。现在我如何配置上面的nginx config来正确处理这个问题呢？是的，修改了一些东西，但是效果非常好！谢谢

server {
  listen $PORT;

  index index.html index.html;

  location / {
    root /usr/share/nginx/landing;
  }

  location /app/ {
    alias /usr/share/nginx/html/;
    try_files $uri /app/index.html;
  }

  location ~ ^/(?:wizard_question|wizard_submit) {
    proxy_pass          http://127.0.0.1:5050;
    proxy_http_version  1.1;
    proxy_redirect      default;
    proxy_set_header    Upgrade $http_upgrade;
    proxy_set_header    Connection "upgrade";
    proxy_set_header    Host $host;
    proxy_set_header    X-Real-IP $remote_addr;
    proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header    X-Forwarded-Host $server_name;
  }
}