javascript - 当在浏览器中重新加载 URL 到定义的路由器路由时出现 404

Question

我在产品服务器上上传了我的 Angular 4 应用程序，该应用程序在本地完美运行。在服务器上，我可以通过链接访问页面，但是，如果我尝试直接在浏览器中写入 url，我的页面会转到 404。我红色表示我可以通过 .htacces 解析，但它不是 apache 服务器，所以我不能。是否有唯一的前端解决方案来解决问题？

Answer 1

Angular 中使用的默认客户端路由策略是 PathLocationStrategy .

如果您手动输入 URL，则需要将服务器配置为针对请求的所有不同 URL 返回相同的页面。这个策略需要服务器端的一些配合。

Is there a frontend solution to resolve the problem?

使用HashLocationStrategy

HashLocationStrategy uses the hash fragment part of the URL to store state for the client, it easier to setup and doesn’t require any co-operation from the server side but has the downside that it won’t work with Angular Universal once that’s released.

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    RouterModule.forRoot(routes, { useHash: true }) //enable hashbang approach
  ],

Location Strategies in Angular Router

Which strategy is best?