vue的路由模式有哪幾種？我們一起了解一下吧！

在vue-router路由對(duì)象中，路由有兩種模式：hash和history，默認(rèn)的是hash模式。

hash路由模式：hash模式的工作原理是hashchange事件，可以在window監(jiān)聽hash的變化。我們?cè)趗rl后面隨便添加一個(gè)#xx觸發(fā)這個(gè)事件。

history路由模式：把window.history對(duì)象打印出來(lái)可以看到里邊提供的方法和記錄長(zhǎng)度。

使用場(chǎng)景：

一般場(chǎng)景下，hash 和 history 都可以，除非你更在意顏值，# 符號(hào)夾雜在 URL 里看起來(lái)確實(shí)有些不太美麗。

如果不想要很丑的 hash，我們可以用路由的 history 模式，這種模式充分利用 history.pushState API 來(lái)完成URL 跳轉(zhuǎn)而無(wú)須重新加載頁(yè)面。

兩種模式對(duì)比：

hash 模式下，僅 hash 符號(hào)之前的內(nèi)容會(huì)被包含在請(qǐng)求中，如 http://www.abc.com，因此對(duì)于后端來(lái)說(shuō)，即使沒有做到對(duì)路由的全覆蓋，也不會(huì)返回 404 錯(cuò)誤。

history 模式下，前端的URL必須和實(shí)際向后端發(fā)起請(qǐng)求的 URL一致，如http://www.abc.com/book/id。如果后端缺少對(duì) /book/id 的路由處理，將返回 404錯(cuò)誤。

關(guān)于vue的路由模式，我們就了解到這啦！

vue路由模式

vue路由有hash和history兩種模式，其中hash模式是默認(rèn)模式，它的工作原理是hashchange事件，在window監(jiān)聽hash的變化；history模式是把window.history對(duì)象打印出來(lái)可以看到里邊提供的方法和記錄長(zhǎng)度。