angular7 路由路径中的" # "

一般我们习惯看的路由路径是

http://localhost:4200/home

可是有时候路径会变成

http://localhost:4200/#/home

路径中出现了 # ，是angular中使用了 hash模式

 

设置hash模式有两种途径

1. 在app.module.ts中 引入

   import {HashLocationStrategy, LocationStrategy} from '@angular/common';
   
   providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],

    

2.  在路由配置中 app-routing.module.ts

   imports: [
       RouterModule.forRoot(routes, { useHash: true })
     ]

    

 

有时，不使用hash模式，刷新页面会出现404的情况，所以怎么用，自己斟酌