你知道SSR,你知道怎麼實現SSR嗎?

 預· SSR是什麼?

服務端渲染（Server Side Render）

網頁是經過服務端渲染生成後輸出給客戶端

SSR特色

衆所周知使用SSR是爲了優化SEO

SEO 即 搜索引擎優化（Search Engine Optimization），它是指經過站內優化，如：網站結構調整、網站內容建設、網站代碼優化以及站外優化等方法，來進行搜索引擎優化。

零 · 怎麼實現SSR?

對咱們的代碼資源進行分塊處理,分爲client模塊和server模塊,根據webpack打包出不一樣的文件,在由server端渲染出來

壹 · 項目結構

貳 ·  實現概述

• 添加redux測試

• 客戶端獲取context數據渲染

• 項目啓動，訪問非首頁，客戶端請求數據處理

• 添加axios跨域處理

• 添加favicon.ico

• 添加css支持,isomorphic-style-loader 同構css支持,document is undefined 等問題

• 404,及301重定向處理

• ssr->csr 降級處理

• css細節優化

• 高階組件優化css

• 處理高階函數的同步方法

• puppeteer實現SSR

• puppeteer 緩存