前端路由與後端路由

路由就是根據不一樣的 url 地址展現不一樣的內容或頁面

後端路由

後端路由切換頁面是跳轉全局刷新頁面（用戶體驗差），並且好比A頁面的靜態資源和B頁面的靜態資源會重複請求。

下面說下SSR 服務器渲染

網絡爬蟲在爬取資源時候會及時找到重要資源有利於SEO優化，但對服務器壓力較大。所以通常首頁服務器渲染，其餘頁面使用ajax（好比淘寶）

對於普通的網站，全部的超連接都是URL地址，全部的URL地址都對應服務器上對應的資源

後端路由的優缺點

優點：服務器渲染有利於SEO優化

劣勢：一、靜態資源重複請求，對服務器壓力較大

　　    二、用戶體驗很差

前端路由

經過不一樣的路由 切換不一樣的頁面

對於單頁面應用程序來講，主要經過URL中的hash(#號)來實現不一樣頁面之間的切換

在單頁面應用程序中，這種經過hash改變來切換頁面的方式，稱做前端路由

前端路由的主要模式是hash和history模式

好比

hash路由 -> #/ #/2.html
history路由 / /2.html

說下單頁面應用SPA(single page application)

它在加載頁面時，不會加載整個頁面，而是隻更新某個指定的容器中內容

單頁面應用核心：更新視圖而不從新請求頁面

vue的路由

Vue Router 是 Vue.js 官方的路由管理器

前端路由的優缺點

優點：一、單頁面應用，用戶全部的操做都在一個頁面完成

　　　二、用戶體驗好，共享資源只須要請求一次便可

劣勢：對SEO不夠友好