NGINX在不同路由路径的同一端口上运行多个应用

Question

我有两个应用程序，app1是用reactJS开发的，app2是用angularJS开发的，共享同一个登录会话。

 - 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不能重定向到指定的路径。

任何帮助都将不胜感激。

感谢Praveen T

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应用程序，参见说明here。然后，您的原始配置应该可以按预期工作。