面試題：VueRouter中的 hash 模式和 history 模式有什么區(qū)別

hash模式

hash 模式的路由中帶有 # 號

hash 模式通過 window.onhashchange 方法監(jiān)聽路由的修改

hash 模式在頁面刷新的時(shí)候，發(fā)送的請求 url 是不帶 # 后面的內(nèi)容的

hash 模式可以兼容部分低版本的瀏覽器

hash 模式打包后，直接在瀏覽器中打開 /dist/index.html 可以正常的訪問（原因是第 3 條指出的原因）

history模式

history 模式是使用正常的 url 路徑顯示

history 模式通過 pushState 和 replaceState 方式修改路由改變

history 模式在頁面刷新的時(shí)候，會(huì)請求當(dāng)前地址欄中完成的 url，這時(shí)需要服務(wù)器對這個(gè) url 有處理，如果沒有對應(yīng)的文件，需要返回 index.html

history 模式因?yàn)槭鞘褂玫?HTML5 的新規(guī)范，所以不能兼容低版本的瀏覽器

history 模式打包后，直接在瀏覽器中打開 /dist/index.html 會(huì)報(bào)錯(cuò)（原因是第 3 條指出的原因）

其他注意事向

有些 App 的分享是不支持 # 的，所以不能使用 hash 模式

總結(jié)

知乎不能識(shí)別 markdown 的表格，em.......

總結(jié)

以上是生活随笔為你收集整理的history模式监听_面试题：VueRouter中的 hash 模式和 history 模式有什么区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。