你知道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 缓存