Angular如何实现hash模式网址(就是那种带#的网址、井号url)

【方法一】 在src\app\app-routing.module.ts加入useHash

@NgModule({

...

  imports: [RouterModule.forRoot(routes, { useHash: true })],//使用hash网址模式

...

})

【方法二】 在src\app\app.module.ts修改如下providers

@NgModule({

...

  providers: [

    { provide: LocationStrategy, useClass: HashLocationStrategy } // hash模式

    // {provide: LocationStrategy, useClass: PathLocationStrategy} // 无#及h5 history模式

  ],

...

})

注意:方法二优先级高于方法一,如果同时设置{provide: LocationStrategy, useClass: PathLocationStrategy}和useHash:true,hash模式不会生效;同理,如果同时设置{ provide: LocationStrategy, useClass: HashLocationStrategy }和useHash:false,hash模式反而会生效

 

扩展阅读 

Vue如何实现hash模式网址(就是那种带#的网址、井号url)_←你挚爱的强哥→的博客-CSDN博客把模式改成hashhash模式下网址形如http://127.0.0.1/#/homehttp://localhost/#/home扩展阅读→Angular如何实现hash模式网址https://blog.csdn.net/qq_37860634/article/details/124205685

猜你喜欢

转载自blog.csdn.net/qq_37860634/article/details/124205199
今日推荐