海詩(shī)網(wǎng) 知識(shí)百科 vue路由模式(vue路由模式區(qū)別)

vue路由模式(vue路由模式區(qū)別)

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)度。

vue路由模式區(qū)別

使用場(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ò)誤。

vue路由模式區(qū)別

關(guān)于vue的路由模式我們就知道這么多!

vue路由模式,以上就是本文為您收集整理的vue路由模式最新內(nèi)容,希望能幫到您!更多相關(guān)內(nèi)容歡迎關(guān)注。

本文來(lái)自網(wǎng)絡(luò),不代表海詩(shī)網(wǎng)立場(chǎng),轉(zhuǎn)載請(qǐng)注明出處:http://x91880.com/n/170025.html
      

echarts教程(echarts官網(wǎng))

發(fā)表回復(fù)
聯(lián)系我們
聯(lián)系我們

在線咨詢: QQ交談

郵箱: 3587015498@qq.com

工作時(shí)間:周一至周五,9:00-17:30,節(jié)假日休息

關(guān)注微信
微信掃一掃關(guān)注我們
微信掃一掃關(guān)注我們
關(guān)注微博
返回頂部