1

我的 app.routes 中有 4 条路线。

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

export const pageRoutes: Routes = [
  {path: '', redirectTo: 'home', pathMatch: 'full'},
  {path: 'home', component: HomeComponent},
  {path: 'transaction', loadChildren: './app/transaction.module#TransactionModule'},
  {path: 'evidence', loadChildren: './app/evidence.module#EvidenceModule'}
];

@NgModule({
  imports: [RouterModule.forRoot(pageRoutes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}

在 app.routes 中，我没有为LocationStrategy. 由于对于transaction路线，我想使用 angular2 默认的 PathLocationStrategy，它不允许用户刷新页面。

但是对于evidence路线，我实际上希望用户能够刷新页面。所以我想在这里使用 HashLocationStrategy 。

这是evidence-routing.module

    @NgModule({

          imports: [RouterModule.forChild([
            {path:':sessionId', component: EvidenceComponent}
            { path: '**', redirectTo: '/404' },
            { path: '404', component: PageNotFoundComponent}
          ])], 
          exports: [RouterModule],
          providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}]

    })
    export class EvidenceRoutingModule {}

我想在providers: [{ provide: LocationStrategy, useClass: HashLocationStrategy }]里面添加evidence-routing.module以启用 HashLocationStrategy 并且只适用于这条路线。

但是一旦我把它放在那里，整个应用程序将采用 HashLocationStrategy，它也适用于事务路由。

我找不到任何好的解决方案来处理这个问题。

关于这个问题有什么建议吗？

非常感谢！

4

1 回答 1

2

您不能LocationStrategy对不同的路由使用不同的设置，此设置适用于Router，而不适用于路由，并且一个应用程序只能有一个路由器。

您应该确保服务器配置正确，然后重新加载将适用于所有路由，即使使用PathLocationStrategy.

确保您的服务器配置为支持 HTML5 pushState。
这只是意味着服务器返回index.html对未知资源的请求。

于 2017-08-04T15:16:46.977 回答