vue路由模式, 在vue-router路由對(duì)象中,有兩種路由模式:哈希和歷史,默認(rèn)模式是哈希。
Hash路由模式:hash模式的工作原理是hashchange事件,可以監(jiān)控窗口中hash的變化。我們?cè)趗rl中隨機(jī)添加一個(gè)#xx來(lái)觸發(fā)這個(gè)事件。
歷史路由模式:打印出window.history對(duì)象,查看其中提供的方法和記錄長(zhǎng)度。
使用場(chǎng)景:
一般來(lái)說(shuō),hash和history都可以,除非你更在意面值,否則#符號(hào)在URL中確實(shí)看起來(lái)不太好看。
如果不想要難看的hash,可以使用路由歷史模式,充分利用history.pushState API完成URL跳轉(zhuǎn),無(wú)需重新加載頁(yè)面。
兩種模式的比較:
在哈希模式下,請(qǐng)求中只會(huì)包含哈希符號(hào)之前的內(nèi)容,比如http://www.abc.com,所以對(duì)于后端來(lái)說(shuō),即使路由沒(méi)有完全覆蓋,也不會(huì)返回404錯(cuò)誤。
在歷史模式下,前端的URL必須與實(shí)際向后端發(fā)送請(qǐng)求的URL相同,例如http://www.abc.com/book/id.如果后端缺少/book/id的路由處理,將返回404錯(cuò)誤。
關(guān)于vue的路由模式我們就知道這么多!
vue路由模式,以上就是本文為您收集整理的vue路由模式最新內(nèi)容,希望能幫到您!更多相關(guān)內(nèi)容歡迎關(guān)注。