无法让 Angular 路由在刷新时正常工作

Question

所以我有一个非常简单的路由情况设置，我在其中延迟加载模块：

const routes: Routes = [
  {
    path: '',
    loadChildren: './components/top-accounts/top-accounts.module#TopAccountsModule',
  },
  {
    path: 'tags',
    loadChildren: './components/tags/tags.module#TagsModule',
  },
  {
    path: ':accountId/details',
    loadChildren: './components/account-details/account-details.module#AccountDetailsModule',
  },
  { path: '**', redirectTo: '/' }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})

但是，当我刷新页面时，我的路由会变得一团糟，它会尝试默认使用 / 路由，即使 URL 显示类似 /tags 或 /accountId1/details 的内容，然后它也会给我一个关于加载块的错误或页面直接空白且没有错误

如果我试图在页面加载时获取正确重定向的路由并显示正确的 url，并且不给我关于未能加载延迟加载的模块块的错误，我需要做一些简单的事情吗？

我目前在 Angular 7.2.0

Answer 1

请尝试一下：

RouterModule.forRoot(routes, { useHash: true })

而不是这个：

imports: [RouterModule.forRoot(routes)]

那个：

{ path: '**', redirectTo: '/', pathMatch: 'full' }

而不是这个：

{ path: '**', redirectTo: '/' }

并在此处查看更多信息：

Angular2 without hash in the url 和Need clarification RouterModule.forRoot([ ABOUT_ROUTE ], { useHash: true })