浏览美元位置的实例代码我们不难发现,每次的url中都会带一个#,这是因为angularjs默认使用的是标签模式,它和html5模式有什么区别?
(1)标签模式
,标签模式使用的是内部链接的技巧,URL后面紧跟一个#,angularjs本身不会重写& lt; a>标签,也不需要服务器端的支持,链接后的URL样子基本是这样的:
http://example.com//一些/路径? foo=bar&巴兹=亲亲抱抱
(2) HTML5模式
标签模式的URL看起来总是觉得不爽,HTML5模式可能比较适合咱们的请求格式(比如说休息),
http://example.com/some/path?foo=bar&巴兹=亲亲抱抱
在angularjs内部,可以通过locationProvider.Html5Mode美元()(内部用的是历史HTML5 api,如果浏览器不支持将自动降级到标签模式)方法来实现这样的路由要求,在该模式下,angularjs会重写& lt; a>标签。使用该模式时,永远都不要使用相对路径,如果你的应用是在根路径中加载的,这不会有什么问题,但如果是在其他路径中,angularjs应用就无法正确处理路由了。
为了在应用程序各处使用相对链接,你将需要在你文档的& lt; head>里面设置一个& lt; base>。
& lt; ! doctype html> & lt; html> & lt; head> ,,,& lt; meta charset=皍tf - 8”比; ,,,& lt; base href=" https://www.yisu.com/"比; & lt;/head>
注:html5 api历史
- <李>
历史。pushState(数据、标题[url]):往历史记录堆栈顶部添加一条记录;数据会在onpopstate事件触发时作为参数传递过去,标题为页面标题,当前所有浏览器都会忽略此参数;url为页面地址,可选,缺省为当前页地址。
李> <李>历史。replaceState(数据、标题[url]):更改当前的历史记录,参数同上。
李> <李>history.state:用于存储以上方法的数据数据,不同浏览器的读写权限不一样。
李>浏览器支持情况(完整的可以通过www.caniuse.com查询)
,IE 10 + FF38 +, chrome 31 +, safari 7.1 +,歌剧30 +
为什么要用历史api ?
- <李>
无法使用浏览器的前进,后退来切换前后数据。
李> <李>当我们将浏览器地址栏中的链接与朋友分享时,可能实际上却并非我们期望的内容。
李> <李>单纯地使用AJAX不利于搜索引擎优化。
李>
参考链接:http://diveintohtml5.info/history.html
,,,,,,,,,,http://www.clanfei.com/2012/09/1646.html
,,,,,,,,https://docs.angularjs.org/api/ng/provider/美元才能locationProvider
,,,,,,,,,https://scotch。io/小贴士pretty-urls-in-angularjs-removing-the-hashtag