路由是每個(gè)單頁面應(yīng)用必須要有的,以下介紹幾種路由實(shí)現(xiàn)方式:
1、url完全不動(dòng)型
這一種情況是url完全不動(dòng)辩恼,即你的頁面怎么改變惕橙,怎么跳轉(zhuǎn)url都不會(huì)改變瞧甩;
這種情況的原理 就是純ajax拿到頁面后替換原頁面中的元素。
2弥鹦、帶hash(#)型
這種類型的優(yōu)點(diǎn)就是刷新頁面肚逸,頁面也不會(huì)丟。
window.addEventListener(‘hashchange‘,function(){
self.urlChange()
})
只要#改變了,即可觸發(fā)朦促,這也是很多單頁面網(wǎng)站的url都帶#的原因膝晾。
3、無hash(#)型
這種類型是通過html5的最新history api來實(shí)現(xiàn)的务冕,能正常的回退前進(jìn)血当。
url是這樣的www.ff.ff/jjkj/fdfd/fdf/fd和普通的url一樣,但是也有缺點(diǎn)洒疚,就是一刷新頁面頁面就會(huì)丟歹颓,因?yàn)橹灰⑿逻@個(gè)url(www.ff.ff/jjkj/fdfd/fdf/fd)就會(huì)請(qǐng)求服務(wù)器,然而服務(wù)器上根本沒有這個(gè)資源油湖,所以就會(huì)報(bào)404巍扛,解決方案就 配置一下服務(wù)器端(可以百度一下)