Javascript Nginx未加载第二个角度应用程序

Javascript Nginx未加载第二个角度应用程序,javascript,angular,nginx,Javascript,Angular,Nginx,作为Angular 4的新手,Nodejs和Nginx我在配置Nginx以服务2个不同的Angular应用程序时遇到了问题。我的问题如下: 我用Angular CLI生成了两个Angular 4应用程序,然后对它们进行了修改。完成后,我对它们都进行了ng构建,以获取dist文件夹中的构建文件。第一个应用程序是登录页面,它使用Nodejs中的后端进行JWT身份验证。完成身份验证后,应将用户重定向到第二个应用程序,即实际的网站。 我使用window.location.href=http://loca

作为Angular 4的新手,Nodejs和Nginx我在配置Nginx以服务2个不同的Angular应用程序时遇到了问题。我的问题如下:

我用Angular CLI生成了两个Angular 4应用程序,然后对它们进行了修改。完成后,我对它们都进行了
ng构建
,以获取dist文件夹中的构建文件。第一个应用程序是登录页面,它使用Nodejs中的后端进行JWT身份验证。完成身份验证后,应将用户重定向到第二个应用程序,即实际的网站。
我使用
window.location.href=http://localhost:8080/app“
以重定向到第二个应用程序

现在,由于第二个应用程序应该检查令牌,因此它存储在浏览器的本地存储中。
为了保留此令牌,两个应用程序必须位于相同的地址和端口上。因此,我想使用NginX作为反向代理

我安装了Nginx,并将两个应用程序的文件分别放在
/var/www/html/angular/login/
/var/www/html/angular/app/

我的Nginx
站点可用/默认
文件如下:

#Default server configuration

server {
    listen 8080 default_server;
    #listen [::]:8080 default_server;

    index index.html;

    server_name localhost:8080/;

    location / {
        alias /var/www/html/angular/login/;
        try_files $uri $uri/ /index.html;
    }

    location /app {
        alias /var/www/html/angular/app;
        try_files $uri $uri/ /index.html;
    }

}
现在发生的事情是,当我继续
localhost:8080
时,我得到了我应该得到的登录应用程序,但当我进行身份验证时,url会像应该得到的那样更改为
localhost:8080/app
,选项卡上的应用程序名称会更改,但应用程序的内容不会加载。即使它似乎要获取第二个应用程序文件,它仍会停留在登录页面上…
看起来好像我把登录应用程序的文件放在了
/var/www/html/angular/app/
文件夹中,尽管我没有

知道它是从哪里来的吗


在两个不同的端口上使用
ng serve
之前对应用程序进行了测试,但我无法保留令牌,因为localStorage已连接到域和端口。

刷新时会发生什么?Firefox选项卡的名称从“登录应用程序”更改为“第二个应用程序”url从
localhost:8080
转到
localhost:8080/app/
。但页面内容保持不变。我仍然有登录表单和页面,输入字段仍然充满了我输入的登录名和密码
/app
尝试文件$uri$uri/=444并查看您是否得到444我尝试了您的代码,但没有得到444或控制台中的任何错误。GET似乎已通过。请删除
位置/
块,然后进行测试。查看刷新时会发生什么?Firefox选项卡的名称从“登录应用程序”更改为“第二个应用程序”,url从
localhost:8080
更改为
localhost:8080/App/
。但页面内容保持不变。我仍然有登录表单和页面,输入字段仍然充满了我输入的登录名和密码
/app
尝试文件$uri$uri/=444并查看您是否得到444我尝试了您的代码,但没有得到444或控制台中的任何错误。GET似乎已通过。请删除
位置/
块,然后进行测试。看看它要去哪里,为什么