Angular 2 : 404 error occur when I refresh through the browser

Question

<分区>

Answer 1

Angular 2 最终版更新

在 app.module.ts 中:

• 添加导入:

    import { HashLocationStrategy, LocationStrategy } from '@angular/common';
  

• 在 NgModule 提供者中，添加:

    {provide: LocationStrategy, useClass: HashLocationStrategy}
  

示例 (app.module.ts):

import { NgModule }       from '@angular/core';
import { BrowserModule  } from '@angular/platform-browser';
import { AppComponent }   from './app.component';
import { HashLocationStrategy, LocationStrategy } from '@angular/common';

@NgModule({
    declarations: [AppComponent],
    imports: [BrowserModule],
    providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
    bootstrap: [AppComponent],
})
export class AppModule {}

---

备选

使用带有 {useHash: true} 参数的 RouterModule.forRoot。

示例:(来自 angular docs)

import { NgModule } from '@angular/core';
...

const routes: Routes = [//routes in here];

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    RouterModule.forRoot(routes, { useHash: true })
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }