我正在构建两个Angular 2应用程序。其中一个是客户端,另一个是管理部分。
在登台和生产服务器上,我配置了nginx虚拟主机,以便按以下方式为我的页面提供服务:
http://example.com/(是客户端应用) http://example.com/#/admin(是管理页面)
它有效。我需要有这样的配置,因为我使用JWT令牌进行身份验证。该令牌存储在LocalStorage中,我只有一个登录表单,位于客户端应用程序(example.com)上。
因此,当我登录客户端应用程序并单击访问管理面板时,我被重定向到example.com/#/admin并且由于URL原点未更改,我仍然在本地存储中使用JWT而且我&# 39;能够检查用户是否具有角色"超级管理员",如果他有权访问管理员面板。
现在我需要在本地环境中使用相同的配置。
目前,当我在本地计算机上启动两个Angular的2应用程序时,它们位于具有不同端口的以下域中。
http://localhost:4300(客户端应用) http://localhost:4700(管理页面应用)
我想在本地计算机上使用的是启动两个应用程序并键入
http://localhost:4300访问客户端应用,http://localhost:4300/#/admin访问管理应用。
是否可以通过配置/ etc / hosts来实现?
提前致谢
答案 0 :(得分:0)
您可以使用此项目。它实现了一个反向代理,它可以将选定的本地域重新路由到特定端口。它很容易使用