angular2中去除#(HTML5 History 模式),使用hash模式

2017-04-17阅读(8847)评论(0)牵着狗狗看MM

苏州实时公交查询

angular-cli里默认使用的是HTML5 History 模式,url类似 http://localhost:4200/task-list,URL看着比较舒服,比较美观。在路由页面刷新就会404
还有一种模式是hash模式,url类似 http://localhost:4200/#/task-list,跳转到路由页面再刷新还是会停留在当前路由。

开启方法
app.module.ts中引入并provider

[plain]import {HashLocationStrategy, LocationStrategy} from ‘@angular/common’;

providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
..
[/plain]

就可以了

赞(0) 打赏
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » angular2中去除#(HTML5 History 模式),使用hash模式
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏