如何在 angular2 中使用子域进行路由?

2024-03-13

我希望创建一个具有不同用户登陆页面的 Angular 2 应用程序,例如“user1.example-domain.com”和“user2.example-domain.com”将具有不同且不相关的“主页”。

我的问题:

  1. 我怎样才能使用 Angular 2 做到这一点?
  2. 如何在本地机器上测试它? “user1.localhost:port”足够吗?

我尝试过使用静态路由,如下所示:

 {path: 'test.localhost:4200/generic-link1', component: GenericLink1Component}

我见过它是在玻璃杯中完成的,我知道这是可以完成的。


这可以很容易地完成,但不能使用 Angular(或任何其他 JavaScript 路由器)。路由到子域需要服务器帮忙。你需要设置user1 and user2作为子域,然后在默认文档中,根据您的规则路由到任一子域。

然后,您的 Angular 应用程序将驻留在任一地址,因此将有一个地址http://user1.example.com/index.html http://user1.example.com/index.html另一个在http://user2.example.com http://user2.example.com。它也可能是同一个应用程序。

对于全角度解决方案,您应该简单地更改您的方案以使用http://example.com/user1 http://example.com/user1.

还有一个原因可以解释为什么后一种 URL 方案可能更适合您。如果您自行托管,您可以根据自己的喜好创建子域。但是,如果您使用共享主机,则您可以使用的子域的数量很可能会受到限制 - 可能只有两个。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 angular2 中使用子域进行路由? 的相关文章

随机推荐

  • 如何在苹果拒绝元数据后仅提交应用程序详细信息,以避免将应用程序添加到审核时钟

    由于演示帐户详细信息无效而导致元数据被拒绝后 我们是否可以重新提交应用程序 以避免添加回审核队列并重新启动审核时钟 As Per 此链接是 iTunes Connect 和元数据拒绝的一个简单错误 http www brynbodayle
  • 使图像空白透明,覆盖到 imshow()

    我有一个用 imshow 显示的空间数据图 我需要能够覆盖产生数据的晶格 我有一个PNG 作为黑白图像加载的晶格文件 我想要的该图像的部分 覆盖是黑线 它们是晶格 看不到线之间的白色背景 我想我需要将每个背景 白色 像素的 Alpha 设置
  • 如何简化复杂的多边形?

    最近我一直在思考如何将复杂的多边形转换为非复杂的多边形 这是怎么做到的 这就是我想做的事情 完成后我将使用 JavaScript 但任何形式的解决方案都可以 语言 算法或简单的英语 我将使用与手动绘制多边形时相同的启发式 这可能不是计算该多
  • 基本动画 HTML 和 CSS

    所以我只是一个初学者 我只是想弄清楚动画及其工作原理 我的计划是在一条直线上以无限度数 比方说 90 度 无限地移动球 以下是我想知道的几个问题 有没有更好的方法来使用具有共同规则和略有不同规则 具有不同旋转 的类 如何让球在具有不同旋转的
  • 检查变量是否是液体中的字符串或数组类型

    在 Jekyll 中你可以使用液体模板 https shopify github io liquid 我正在尝试编写一个包含网站中所有链接的导航 sitemap home demo right right left left 我想要实现的是
  • Google 地图片段在片段内返回 null

    所以我有一个包含地图片段的空片段 每当我尝试激活包含地图的片段时 我的应用程序都会崩溃并在这一行返回空指针错误 map MapFragment getFragmentManager findFragmentById R id map get
  • 在plsql中检查用户密码是否有效

    我需要检查数据库用户是否有效 我将允许用户使用以下方式更改密码ALTER命令 但在执行此操作之前 我想验证他们当前的密码 以确保他们的身份与他们所说的一致 是否可以在 pl sql 内部获取用户 密码组合并检查其是否有效 我认为 Oracl
  • Maven:存储库ID的含义

    在我的 POM 文件中 我指定了两个存储库
  • JavaFX MediaPlayer:MP4 不会在 Windows 7 上循环

    我创建了一个基本的 JavaFX 媒体播放器 在我的 Windows 10 操作系统上 一切正常 并且完全按照预期运行 private MediaPlayer initializeMediaPlayer Media media new Me
  • 在elasticsearch中,有没有办法显示文档中的哪个字段是“命中”?

    当使用elasticsearch搜索一些文档时 我想看看文档中的哪个字段是 命中 将其标记为搜索结果 是否有本地方法可以执行此操作 或者我需要在搜索客户端中执行此操作 E g GET events search q nottingham 给
  • git update-index --skip-worktree 是否会影响上游存储库?

    我自己已经使用 git 一段时间了 现在正在为我们的团队建立一个存储库 我们开发一个电子商务平台 有一些目录和文件需要忽略 例如上传目录和环境特定的配置文件 虽然配置文件位于 gitignore 上 但我想使用以下任一方法忽略上传目录 sk
  • 亚马逊 EC2 实例

    我已经使用命令行工具设置了亚马逊 EC2 实例 我已经为其创建了密钥对等 并且它已启动并正在运行 我尝试使用以下命令通过 SSH 连接到它 我在 Snow Leopard 中运行 bash ssh i ec2 keypair email p
  • 排除方法maven

    我试图将 PIT 排除在改变 I O 方法之外 例如 close 和 flush 这是我的 Maven 配置
  • 构造对象时出现“无法将参数从 '[classname](_cdecl *)(void)' 转换为 '[classname]'”错误

    注意 我使用的是 Visual Studio 2010 这里有两个重要的类 Date 和 Directory class Date private int month day year public Date Date int month
  • 如果 Google 电子表格中的单元格值为 0 或空白,则删除该行

    如果该行中的 C 列输入的值为 0 或空白 我希望能够删除 Google 电子表格中的整行 我可以编写一个简单的脚本来完成此任务吗 谢谢 我可以建议一个不使用脚本的简单解决方案 假设您要删除 C 列中包含空文本的行 对工作表中的 C 列数据
  • 带快速拨号功能的颤动浮动操作按钮

    是否有任何现成的小部件或从哪里开始带有快速拨号操作的浮动操作按钮 https material io guidelines components buttons floating action button html buttons flo
  • 使用 PHP 设置百分比格式

    我想将 0 45 格式化为 45 我知道我可以做类似的事情FLOOR x 100 但想知道是否有更好的方法 更好的定义是更标准 不一定更快 一种想法是http php net manual en class numberformatter
  • 如何在markdown中插入来自url的图像

    将图像插入 Markdown 文件的方法是 并且它在 外部 r
  • 如何在 Shiny 中重置 fileInput 的值?

    关于此事已经有类似的帖子 例如如何更新闪亮的 fileInput 对象 https stackoverflow com questions 17352086 how can i update a shiny fileinput object
  • 如何在 angular2 中使用子域进行路由?

    我希望创建一个具有不同用户登陆页面的 Angular 2 应用程序 例如 user1 example domain com 和 user2 example domain com 将具有不同且不相关的 主页 我的问题 我怎样才能使用 Angu