溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“vue中history和hash的區別有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“vue中history和hash的區別有哪些”吧!
區別：1、hash路由再地址欄URL上有“#”，而history路由沒有；2、進行回車刷新操作時，hash路由會加載到地址欄對應的頁面，而history路由一般會出現404錯誤；3、hash支持一些低版本的瀏覽器，而history不支持。
本文操作環境：windows10系統、Vue2.9.6版，DELL G3電腦。
1.hash路由在地址欄URL上有#，用 window.location.hash 讀取。而history路由沒有會好看一點
2.我們進行回車刷新操作，hash路由會加載到地址欄對應的頁面，而history路由一般就404報錯了（刷新是網絡請求，沒有后端準備時會報錯）。
3.hash路由支持低版本的瀏覽器，而history路由是HTML5新增的API。
4.hash的特點在于它雖然出現在了URL中，但是不包括在http請求中，所以對于后端是沒有一點影響的，所以改變hash不會重新加載頁面，所以這也是單頁面應用的必備。
5.history運用了瀏覽器的歷史記錄棧，之前有back,forward,go方法，之后在HTML5中新增了pushState（）和replaceState（）方法，它們提供了對歷史記錄進行修改的功能，不過在進行修改時，雖然改變了當前的URL，但是瀏覽器不會馬上向后端發送請求。
6.history的這種模式需要后臺配置支持。比如：當我們進行項目的主頁的時候，一切正常，可以訪問，但是當我們刷新頁面或者直接訪問路徑的時候就會返回404，那是因為在history模式下，只是動態的通過js操作window.history來改變瀏覽器地址欄里的路徑，并沒有發起http請求，但是當我直接在瀏覽器里輸入這個地址的時候，就一定要對服務器發起http請求，但是這個目標在服務器上又不存在，所以會返回404
到此，相信大家對“vue中history和hash的區別有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
