如何防止 Angular 2 将 # 附加到我的网址？

【问题标题】：How to prevent Angular 2 from appending # to my url?如何防止 Angular 2 将 # 附加到我的网址？
【发布时间】：2017-02-19 08:50:19
【问题描述】：

我在 Angular 2 中开发了一个带有基本路由的基本待办事项应用程序。当我点击一个链接时，Angular 会自动在我的链接末尾附加 #。例如，如果我想路由到笔记页面，Angular 打开http://localhost:4200/#/notes。有什么方法可以禁止 # 出现在我的网址中？

【问题讨论】：

如果您使用 HashLocationStrategy，这是预期的：angular.io/docs/ts/latest/guide/…。这不是默认的，所以你故意选择了这个策略。
@JB Nizet 非常感谢。这解决了问题。

【解决方案1】：

您可以通过设置false value的useHash

来使用PathLocationStrategy

@NgModule({ 
  imports: [
    ....
    RouterModule.forRoot(ROUTES, { useHash: false })
  ]
})

注意：这样可以工作，但是当您刷新页面时，它将无法再次加载当前页面。要在刷新时再次加载它，您必须确保在服务器端配置了正确的路由。 Client-end(Angular2) 现在不负责在刷新时获取当前页面，这应该由您的服务器路由配置完成。

【讨论】：