勵志

勵志人生知識庫

ssr模式

SSR模式,即伺服器端渲染(Server Side Rendering),是一種網頁渲染技術,其基本流程如下:

瀏覽器發起請求後,伺服器會在內部完成數據請求和HTML的拼接操作。

瀏覽器接收到的便是可直接渲染的HTML檔案,而無需等待後續JS和CSS檔案的載入。

起初的SSR在內容更新/跳轉時,都需要請求伺服器,伺服器會根據請求地址返回新的頁面內容。

React, Vue等框架的加持下,SSR一般指的是首屏伺服器端渲染或同構渲染(Isomorphic render),即新開頁面訪問SSR套用時,首屏會返回完整的HTML,瀏覽器通過注水(hydrate)成為React或Vue套用,後續用戶進行跳轉等操作時不會再向服務端請求HTML,而是以類似單頁套用的方式進行。

SSR模式有兩種主要形式:

單頁面套用(SPA):後端首次渲染的單頁面套用,這種方式下,用戶在進行頁面跳轉等操作時,不會再次向伺服器請求HTML,而是以類似單頁套用的方式進行。

非單頁面模式(傳統):完全使用後端路由的後端模板渲染模式,這種方式下,每次內容更新或頁面跳轉都需要重新請求伺服器。

這兩種模式的區別在於使用後端路由的程度。