1: hash後端
2: history瀏覽器
區別: 前者地址欄會帶有#,後者沒有,顯得美觀一點服務器
路由原理:前段路由實現本質是監聽URL的變化,而後匹配路由規則顯示相應頁面,而且無須刷新。spa
hash模式:router
a: 點擊或瀏覽器歷史跳轉時,觸發onhashchange事件,而後根據路由規則匹配顯示相應頁面(遍歷路由表,裝載相應組件到router-link);事件
b: 手動刷新時,不會像服務器發送請求(不會觸發onhashchange),觸發onload事件,而後根據路由規則匹配顯示相應頁面;路由
history模式:hash
a:跳轉時會調用history.pushState方法,根據to屬性改變地址,並切換相應組件到router-link;class
b:瀏覽器歷史操做(前進,後退),只會改變地址欄(頁面內容不會變),不會切換組件,須要使用popstate方法來切換組件;原理
c: 手動刷新,須要後端配合重定向,否則404