Javascript Nginx未加载第二个角度应用程序
作为Angular 4的新手,Nodejs和Nginx我在配置Nginx以服务2个不同的Angular应用程序时遇到了问题。我的问题如下: 我用Angular CLI生成了两个Angular 4应用程序,然后对它们进行了修改。完成后,我对它们都进行了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
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似乎已通过。请删除位置/
块,然后进行测试。看看它要去哪里,为什么