为 Angular 中的每个用户自定义 URL 2

Question

我想在 URL 中查看用户的用户名。例如：

我有一个 URL 这样的：

 www.undefiend.com/panel/dashboard

我想为每个用户定制它。像这样：

www.undefiend.com/user1/dashboard

或

www.undefiend.com/michael/mails
或

www.undefiend.com/richard/profile

其他人...

我如何在 Angular 2 或更高版本中做到这一点？

任何帮助都会很棒。感谢您的帮助。

Answer 1

在路由中使用带参数的路由器

routes = [
  { path: ':user', children: [
      { path: 'dashboard', component: DashboardComponent, }
  ]},
  { path: '**', component: 'LoginComponent' }
];

然后在登录组件中，您可以导航到用户所在的路线

this.router.navigate(['/' + username, 'dashboard']);

另见 https://angular.io/docs/ts/latest/guide/router.html#!#can-activate-guard

为 Angular 中的每个用户自定义 URL 2

Customize URL for each user in Angular 2

url

customization

url-rewriting

angular