Angular 2 - 刷新時的路由行爲

Question

我對Angular 2非常新穎。我對路由有疑問，實際上我不明白爲什麼會發生這種情況。

@Component({ 
    selector: 'app', 
    templateUrl: 'app/app.template.html', 
    directives: [ROUTER_DIRECTIVES] 
}) 
@RouteConfig([ 
    {path:'/index', name:'Index', component: IndexComponent, useAsDefault: true}, 
    {path:'/home', name: 'Home', component: HomeComponent} 
]) 
export class AppComponent { } 

在IndexComponent我有一個具有以下屬性的按鈕：[routerLink]="['Home']"

所以，當我按下它時，HomeComponent出現，因爲它是supossed發生。按照預期，URL從http://localhost/index更改爲http://localhost/home。

問題是，如果現在我刷新瀏覽器，它將URL更改爲http://localhost/home/index，並向我顯示索引模板。如果我再次刷新瀏覽器會引發錯誤。

我沒有讀太多內容，但我猜我不能刷新頁面/home，因爲Angular 2無法知道要帶我去哪裏。我對嗎？如果他刷新瀏覽器，我應該怎麼做才能讓用戶訪問/index？

Answer 1

您需要使用HTML5瀏覽器：history management並配置您的網絡服務器：configure server for html5 mode。下面是關於該事項的詳細信息：angular2 series routing

或者

切換到哈希定位策略：

bootstrap(AppComponent, [ROUTER_PROVIDERS, provide(LocationStrategy, {useClass: HashLocationStrategy})]);