Angular 4 路由器 : direct browser navigation restarts app

Question

当我使用浏览器直接导航到应用程序重新引导的路由时，它会将我带到正确的页面/组件。例如，当我通过一个按钮导航时，它会直接将我带到那里，而无需重新引导应用程序。

这是预期的行为吗？我怎样才能避免这种情况？

问题是我们使用身份服务器进行身份验证。它需要一个回调 url，该 url 被视为直接浏览器导航和应用程序重新引导。

我们的 app-routing.module 看起来像这样:

const routes: Routes = [
  { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
  { path: 'dashboard', component: DashboardComponent, canActivate: [RouteGuardService] },
  { path: 'users', component: UsersMainComponent},
  { path: 'vendors', component: VendorMainComponent},
  { path: 'invoices', component: InvoicesMainComponent},
  { path: 'offers' , component: EsdMainComponent},
  { path: 'settings' , component: SettingsMainComponent},
  { path: 'callback' , component: CallbackComponent},
  { path: 'createvendor' , component: CreateVendorsComponent, canActivate: [RouteGuardService]},
  { path: 'customerdashboard' , component: CustomerDashboardComponent},
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
  providers: [RouteGuardService]
})
export class AppRoutingModule { }

回调路径为身份服务器的回调url。

Answer 1

是的，这是预期的行为。当您在 Angular 应用程序中使用按钮进行路由时，它只是使用 pushState 来修改历史 as described in the docs (在底部)。

当您进行直接导航时，您将获取 index.html，这将引导应用程序，然后应用程序将使用当前 URL 来确定要显示的组件。

The answer to this question希望涵盖如何解决您的问题。