我的旧哈希网址的Angular 4重定向到没有哈希网址的新哈希网络无法正常工作

Question

我们有一个单页面应用程序，之前是简单的标签页结构，其中所有标签点击都有各自的#urls。

示例：http://tvsntorq.com/#Price，http://tvsntorq.com/#Colour

但是现在我已经在Angular 4中实现了这个，现在我们有了没有哈希的url。看起来像这样：http://tvsntorq.com/price，http://tvsntorq.com/colour

现在我在路由器模块中添加了以下路由：

...
  {
    path: '#Colour',
    redirectTo: 'colour',
    pathMatch: 'full'
  },
  {
    path: '#Price',
    redirectTo: 'price',
    pathMatch: 'full'
  },  
 {
    path: 'colour',
    component: ColorComponent
  },
  {
    path: 'price',
    component: PriceComponent
  }
....

但这似乎不起作用。我想要的只是将旧的哈希url重定向到new而不使用哈希对应的url。可能吗？帮助

Answer 1

如果您想在自己的网址中使用哈希，则应将参数传递给RouterModule.forRoute，NgModule部分中的imports，如下所示：

RouterModule.forRoute(yourRoutesArray, {useHash: true})

如果你不需要，只需省略第二个参数或发送false。