單頁應用的路由的原理的簡述

前言

傳統的服務端路由，根據客戶端請求的不一樣網址，返回不一樣的網頁內容，這種方式有兩個缺點：

1. 是會形成服務器壓力增長；
2. 是每次都從新請求，響應較慢、用戶體驗降低。

因而，單頁應用（single page application, 簡稱：spa）應運而生。在url地址改變的過程當中，經過js來實現不一樣UI之間的切換（js對DOM的操做），而再也不向服務器從新請求頁面，只經過ajax向服務端請求數據，對用戶來講這種無刷新的、即時響應是更好的體驗。其中，根據url地址欄的變化而展現不一樣的UI，就是經過前端路由來實現的。
實現前端路由主要有兩種方法：history API 和 hash

history API

hash