angular4 app中的哈希定位策略

Question

我开始研究angular4应用程序，我在该应用程序中使用hash location strategy。我能够介绍hash location strategy和它的工作完全正常。

我的问题是：有什么方法可以调整hash在网址中的位置？

例如：我的路由模块是：

[
  {path: '', redirectTo: 'parent', pathMatch: 'full'},
  { path: 'parent',
    children: [
      { path: '', redirectTo: 'upload', pathMatch: 'full' },
      { path: 'upload', component: UploaderComponent },
      {path: 'dashboard', component: DashboardComponent},
    ]
  }
]

我正在注册以下路线：

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

当我加载我的应用程序时，url显示为：

http://localhost:4200/#/parent/upload

但是，有没有办法让我的路线：

http://localhost:4200/parent/#/upload

我正在调查angular-routing的官方文档，但无法找到实现这一目标的任何方法。

任何有用的建议，以实现这一点将不胜感激！

谢谢！

Answer 1

@ ChristianBenseler的评论帮助我找到了这个解决方案：

在我的Index.html文件中，我将基本href更改为：

<base href="/"> to <base href="/parent">

在我的路由模块中，它被更改为：

[
    { path: '', redirectTo: 'upload', pathMatch: 'full' },
    { path: 'upload', component: UploaderComponent },
    {path: 'dashboard', component: DashboardComponent},
]

这有助于实现以下路线：

http://localhost:4200/parent#/upload