採用框架製作 SPA,經常會有更動畫面但實際上並沒有重新發送需求的情況,透過前端路由,讓 URL 看起來改變了。
Hash
使用 # 符號來做 URL 的轉換,有點類似以前常用的錨點 index.html#intro,實際上只會請求 # 前面的部分。
History
利用了 HTML5 History 中新增的 pushState() 和 replaceState() 方法。當頁面重整或輸入 URL 時,會完整請求整個 URL,因此後端必須做相對應的處理,否則會返回 404。
延伸閱讀:MDN History API