Angular 6 构建，刷新页面时未找到错误 404

我遇到了一个问题404页面不存在在生产版本中刷新页面时。 构建工作正常#路由RouterModule.forRoot(routes, { useHash: true })。但我想要一条漂亮的路线，但不#

我的模块看起来像

  @NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    CoreModule,
    AppRoutingModule,
    AuthModule
  ],
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: HttpInterceptorService,
      multi: true
    }
  ],
  bootstrap: [AppComponent]
})

之所以404 未找到页面刷新时显示的是所有 Angular 路由都应通过 index.html 文件提供。

您可以通过添加包含以下内容的 .htaccess 文件（位于 index.html 所在的同一目录中）来解决此问题。

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . index.html [L]
</IfModule>

请点击以下链接了解有关的更多详细信息将生产版本部署到 Apache:

https://github.com/mgechev/angular-seed/wiki/Deploying-prod-build-to-Apache-2 https://github.com/mgechev/angular-seed/wiki/Deploying-prod-build-to-Apache-2