如何通过一篇文章全面掌握SSR技术？

本文共计2521个文字，预计阅读时间需要11分钟。

欲语还休，欲语还休，却道天凉好个秋 —— 《陋室铭·书博山道中壁》

什么是SSR？ShadowsocksR？

阳光师？FGO？

Server-side rendering（SSR）是应用程序通过在服务器上显示网页，而不是在浏览器上显示。

欲语还休，欲语还休，却道天凉好个秋 ---- 《丑奴儿·书博山道中壁》辛弃疾

什么是 SSR

ShadowsocksR？阴阳师？FGO？

Server-side rendering (SSR)是应用程序通过在服务器上显示网页而不是在浏览器中渲染的能力。服务器端向客户端发送一个完全渲染的页面（准确来说是仅仅是 HTML 页面）。同时，结合客户端的 JavaScript bundle 使得页面可以运行起来。与 SSR 相对的，还有一种 Client-side rendering（CSR）。CSR 和 SSR 的最大区别只是提供 rendering 的是客户端还是服务端，其本质还有一种东西。故以下如果没有着重提出 CSR 和 SSR 不一样的地方，则默认是一致的。

为什么要 SSR

得益于 React 等前端框架的发展，前后端分离，webpack 等编译工具的流行，以及 ajax 实现页面的局部刷新，使得我们现在的应用程序不再像曾经的应用程序一般需要从服务端获取页面，可以动态的修改局部的页面数据，避免页面频繁跳转影响用户体验等问题。也就是 SPA 越来越成为主流应用程序模型。
但是 SPA 的使用，除了以上提到的优势以外，必然会带来劣势。