Angular 角度6：多页应用（MPA）是否可行？

在谷歌上花了一整天的时间后，我的问题仍然没有答案

因为我不熟悉使用版本6.0.4创建Angular应用程序。我的第一个简单问题是：

是否可以将Angular应用程序配置为多级登录页？

示例：在不公开根页面顶部导航栏上的链接的情况下，我需要直接链接到这些页面，其中用户有自己的不同菜单。比如：WordPress/管理面板与其网站不同

• /home

  供公众查看
• 登录后管理部分的

  /admin

• /customer

  用于登录后的客户部分

这是因为我发现只有一个

app.component.html

文件，我们可以使用路由包含我们的组件，但在顶部有静态导航栏

如果没有：

如何运行为上述3个部分创建的多个应用程序可以在同一

url:port

下运行

1） 是的，有。它叫做路由，angular有一个关于路由的非常好的教程。在这里检查-

2） 在开始开发web应用程序之前，您至少应该了解TCP/IP的工作原理。所以很简单-您不能在同一端口上运行多个应用程序

解决

通过以下方式：

注意：最后必须注释掉

app.component.html

<!--
<h1>
  {{title}}
</h1>

<button routerLink="/customers">Customers</button>
<button routerLink="/orders">Orders</button>
<button routerLink="">Home</button>
-->

<router-outlet></router-outlet>

@Christian我不想暴露指向/home、/admin、/customer页面的顶级导航栏。它应该是一个直接的链接，登陆到他们各自的页面，在那里他们有自己不同的菜单。例如：wordpress/admin Panel这可以通过为每个用户创建单独的模块并根据用户延迟加载模块来完成。在这种情况下，最终用户将只获取该特定模块的文件。让我知道如果样品代码是必需的。首先，谢谢你的答复。但你没有真正理解我的问题。我不想向在/home、/admin和/customer之间切换的最终用户公开根级别的导航栏。我想要一个直接的URL到他们自己的登录页面，在那里他们将有自己的菜单，根据他们的登录角色。其次，我对TCP/IP非常了解，这就是为什么我怀疑如何在同一URL:port上运行不同的Angular应用程序，因为我有3个不同的应用程序用于/home、/admin、/customer