一、概念
1.1、什麼是單頁面應用（spa）？
概念：整個web專案只有乙個頁面，使用路由機制進行元件之間的切換；1.2、什麼是服務端渲染（ssr）？優點：客戶端渲染、資料傳輸量小、減少伺服器端壓力、互動/響應速度快、前後端完全分離；
概念：將元件或頁面通過伺服器端生成html字串，再傳送到瀏覽器端渲染；1.3、spa、ssr分別適合什麼樣的應用場景？優點：對於seo友好、首屏載入速度快；
缺點：頁面重複載入次數高、開發效率低、資料傳輸量大、伺服器壓力大；
spa：對專案效能要求高、頁面載入速度快、要求客戶端渲染、對seo要求低；二、客戶端渲染與服務端渲染本質的區別：2.1、傳輸資料不同 （chrome > 控制台 > network > preview > 檢視傳輸內容）ssr：對專案seo要求高、首次開啟響應速度快；
客戶端渲染：傳遞json物件、由瀏覽器渲染檢視；2.2、seo優化問題（chrome > 右擊 > 檢查網頁源**）
服務端渲染：傳遞完整html返回給瀏覽器渲染；
單頁面應用：客戶端渲染、源**中無法獲取到動態渲染的資料、不利於seo爬蟲------------本文完、專案搭建期待下次更新------------
服務端渲染：首次渲染的html中攜帶所有伺服器端返回的資料，原**中包含所有資料，利於seo優化；
前端單頁面應用實現服務端渲染
在此就不過多介紹什麼是單頁面應用 什麼是服務端渲染 服務端渲染的作用了 後端模板渲染 如 ejs jinjia等 借助第三方框架nuxtnext rendertron 主要介紹 算是傳統解決方案,由服務端渲染成html返回給瀏覽器 主要介紹的就是該方法 誕生就是為了做seo的。先說說原理，聽完你就知...
前端單頁面應用實現服務端渲染
在此就不過多介紹什麼是單頁面應用 什麼是服務端渲染 服務端渲染的作用了 後端模板渲染 如 ejs jinjia等 借助第三方框架nuxtnext rendertron 主要介紹 算是傳統解決方案,由服務端渲染成html返回給瀏覽器 主要介紹的就是該方法 誕生就是為了做seo的。先說說原理，聽完你就知...
服務端渲染SSR的理解
ssr服務端渲染server side render就是當進行請求時，頁面上的內容是通過服務端渲染生成的，瀏覽器直接顯示服務端返回的html即可。通常在構建乙個普通的spa單頁應用時，就是構建的客戶端渲染的應用，csr客戶端渲染client side render就是當進行請求時，頁面上的內容是通重...