NGINX 在同一端口上以不同的路由路徑運行多個應用程序

Question

我有兩個應用程序，app1 在 reactJS 中開發，app2 在 angularJS 中開發，共享相同的登錄 session，

 - Application 1
http://application-1:1234/
 - APplication 2
http://application-2:2345/

我的需要是在兩個應用程序之間進行無縫導航，因為它們共享相同的登錄憑據。

我已經創建了 NGINX 反向代理配置，

server {
    listen 8080;
    server_name http://global-ip:8080;
    location / {
        proxy_pass http://application-1:1234;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
     }
    location /application-2 {
        proxy_pass http://application-2:2345;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
     }

}

由於上述配置僅適用於，首先默認根路徑。 另一個 /application-2 無法重定向到指定路徑。

任何幫助將不勝感激。

謝謝普拉文噸

Answer 1

作為一個快速破解，嘗試

location /application-2/ {
    proxy_pass http://application-2:2345/;
    ...
}

或者

location /application-2/ {
    rewrite ^/application-2(.*) $1 break;
    proxy_pass http://application-2:2345;
    ...
}

但您最好根據您的 URI 前綴構建您的 angular 應用程序，請參閱此處的說明。 然后您的原始配置應該按預期工作。