我正在尝试从 Angular 2 中的 url 中删除 # 符号，但我找不到任何关于如何在不产生任何问题的情况下删除它的好的解释。
我记得在 AngularJS 1 上添加 $locationProvider.html5Mode(true); 更容易
如果您能告诉我这是一种好的做法（删除 #）还是会影响应用程序的 SEO（或改进它），我将不胜感激。
PS：我正在使用带有打字稿的 Angular 2
【问题讨论】：
标签： html angular typescript
正如@Volodymyr Bilyachat 指出的那样，PathLocationStrategy 是 Angular2 中的默认 location strategy，如果 url 中存在 #，那么它一定是在某个地方被覆盖了。
除了模块提供程序，检查您的模块导入，也可以通过提供{ useHash: true } 作为RouterModule.forRoot 的第二个参数来覆盖它：
imports: [
...
RouterModule.forRoot(routes, { useHash: true }) // remove second argument
]
另请注意，在使用 PathLocationStrategy 时，您需要将 Web 服务器配置为为所有请求的位置提供 index.html（应用程序的入口点）。
以下是一些流行的 Web 服务器的配置示例：https://angular.io/guide/deployment#fallback-configuration-examples
【讨论】：
查看 app.module.ts 在哪里启动了应用程序
@NgModule({
.......
providers: [
....
{ provide: LocationStrategy, useClass: HashLocationStrategy },
....
]
});
并删除这部分，因为 PathLocationStrategy 是default strategy
【讨论】：
HashLocationStrategy ，navigate 在开发和生产中都不起作用任何想法？
以上答案有关于从 URL 中删除哈希的正确解释，但是当您更改 LocationStrategy 时，您的后端将受到影响，因为后端不了解您的所有 Angular 2 路由。以下是使用后端支持删除哈希的步骤。
1) 更改 Angular 以使用 PathLocationStrategy
@NgModule({
.....
providers: [
// Below line is optional as default LocationStrategy is PathLocationStrategy
{provide: LocationStrategy, useClass: PathLocationStrategy}
]
})
2) 更改 index.html 中的 base Href，Angular2 将处理所有路由 post base Href
<base href="/app-context/">
例如
<base href="/app/">
3) 在后端服务器，我们必须为带有以下模式的任何请求渲染 index.html 文件
"/app/**" - Render index.html for any request coming with "/app/**" pattern
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My App</title>
<base href="/app/">
</head>
<body>
<app-root>Loading...</app-root>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="main.bundle.js"></script>
</body>
</html>
【讨论】：