将URL从邮件重定向到应用程序中的特定html页面

Question

我正在研究angular2。我不得不处理登录页面的忘记密码部分。当我点击忘记密码链接时，网址将被发送到我的邮件https://webview.sample.nationcrossapp//deeplink?tokenNo=1234。

如何将此网址重定向到我的应用中的特定网页，以及如何从网址中获取令牌1234.

任何帮助将不胜感激。提前致谢

Answer 1

使用Angular创建SPA（单页应用程序）时，您可以创建多个组件，可以使用路由进行访问。

路由是您设置的内容，以便当用户单击链接/按钮/菜单时，应用程序会显示相应的组件。

你可以面对两种情况：

1 - HashLocationStrategy

使用此功能时，您的网址如下所示：http://www.myapp.com/#/home

Angular会在您的网址中添加＃。 ＃的左侧部分代表您为网站注册的域名。

右侧是什么，代表Angular向您展示的组件。基本上，您将URL的右侧部分绑定到组件。例如，这里显示的组件将是Home。如果以forgotPassword结束，则可以显示ForgotPassword组件。

使用此解决方案，您无需设置服务器以执行其他显示SPA的操作。这是我推荐的案例，我总是使用这个。

2 - 服务器重定向

使用此案例时，您的网址如下所示：http://www.myapp.com/home

在这种情况下，您正在访问您的域名，并请求一个子域名（我想，我不熟悉它！）。这意味着您实际上并未请求SPA的组件，而是另一个网站！

根据您设置服务器的方式，http://www.myapp.com/home可能与http://www.myapp.com/完全不同。

在这种情况下，这意味着您必须在所需页面上重定向用户。这意味着如果他转到http://www.myapp.com/home，您应该将他重定向到您的Home组件。

我无法向您提供有关如何重定向的更多信息，因为正如我告诉您的那样，我只使用了另一种情况。但我确信互联网上有很多帮助！

现在关于你的另一个问题，abour参数。我给了你optional parameters的链接以及它们在Angular中的处理方式。如果你没有读它：Angular使用Matrix URL notation来处理可选参数（可选参数=位于URL末尾的参数，就像你做的那样）。

这意味着如果你不使用Angular处理URl参数的方式，你将不得不实现自己的处理方式。

否则，如果你使用它，那么你可以按照教程看看处理这些参数是多么容易！

我希望这一整段文字都能为你清理，如果没有，请随意提问！