一般我们习惯看的路由路径是
http://localhost:4200/home
可是有时候路径会变成
http://localhost:4200/#/home
路径中出现了 # ,是angular中使用了 hash模式
设置hash模式有两种途径
- 在app.module.ts中 引入
import {HashLocationStrategy, LocationStrategy} from '@angular/common'; providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
- 在路由配置中 app-routing.module.ts
imports: [ RouterModule.forRoot(routes, { useHash: true }) ]
有时,不使用hash模式,刷新页面会出现404的情况,所以怎么用,自己斟酌