angular4.x，navigationEnd.url 与 navigationEnd.urlAfterRedirects

Question

关于 navigationEnd.url 和 navigationEnd.urlAfterRedirects 之间的区别有任何解释或文档吗？

如果我想写一个breadcrumb组件，我应该使用哪个？

Answer 1

这取决于您是否关心用户请求的 URL 或实际加载的路由的 URL。

如果您定义任何带重定向的路由，如果用户导航到重定向到另一个路由的路由，则这两个值将不同。

例如走这些路由(路由加载哪些组件不相关，所以这里排除):

{
  path: "",
  pathMatch: "full",
  redirectTo: "home"
},
{
  path: "home",
},

如果用户导航到 /home，则 navigationEnd.url 和 navigationEnd.urlAfterRedirects 都将是 /home.

如果用户导航到 /，则 navigationEnd.url 将为 /，navigationEnd.urlAfterRedirects 将为 /home。

即使您不实现重定向，也请尝试使用与您基于 url 的功能最相关的值，因为您不想在以后添加重定向时遇到奇怪的错误。