vue路由的實現原理


Vue的路由實現:hash模式 和 history模式

hash模式:

早期前端路由的實現是基於window.location.hash 來實現的,window.location.hash 的值就是 URL中#后面的內容

特點:hash雖然在URL中,但不被包括在HTTP請求中;用來指導瀏覽器動作,對服務端安全無用,hash不會重加載頁面。

hash 模式下,僅 hash 符號之前的內容會被包含在請求中,如 http://www.xxx.com,因此對於后端來說,即使沒有做到對路由的全覆蓋,也不會返回 404 錯誤。

history模式:

history采用HTML5的新特性;且提供了兩個新方法:history.pushState() 和 history.repalceState()可以對瀏覽器歷史記錄棧進行修改,

以及popState事件的監聽到狀態變更。



參考:https://www.jianshu.com/p/f660804d8592


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM