刷新Angular应用程序时,它会忽略当前URL并返回到根URl

时间:2017-11-16 21:38:00

标签: angular angular-routing angular-router angular-router-guards

如果我的Angular应用程序,如果我导航(通过明确键入URL或点击页面链接到它)到http://localhost:4200/#/sign-in页面加载正常并显示我的登录表单。如果我在浏览器中单击刷新,我将返回到根页http://localhost:4200/#/

我的路由器很简单:

export const routes: Route[] = [
  { path: 'sign-up', component: SignUpComponent},
  { path: 'sign-in', component: SignInComponent},
  { path: 'admin', loadChildren: 'app/admin/admin.module#AdminModule'},
  { path: 'dashboard', loadChildren: 'app/user/user.module#UserModule', canActivate: [ UserLoggedInGuard ]},
  { path: '', pathMatch: 'full', component: HomeComponent},
  { path: '**', pathMatch: 'full', component: PageNotFoundComponent},
]

我正在使用

  • Windows 8
  • Chrome 62
  • @angular/core": "^4.2.4
  • @angular/router": "^4.2.4

为什么会发生这种情况?

1 个答案:

答案 0 :(得分:1)

问题最终成为我app.component.ts中的一些代码,用于检查用户是否已登录,如果没有,则导航到主页。

傻傻的我。

如果有人发现自己处于同样愚蠢的境地,我仍然会提出这个问题。

感谢@realharry的帮助!