对vue SSR的理解

Server-Side Rendering 我们称其为SSR，意为服务端渲染

指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程

先来看看Web3个阶段的发展史：

• 传统服务端渲染SSR

• 单页面应用SPA

• 服务端渲染SSR

• Vue SSR是一个在SPA上进行改良的服务端渲染

• 通过Vue SSR渲染的页面，需要在客户端激活才能实现交互

• Vue SSR将包含两部分：服务端渲染的首屏，包含交互的SPA

SSR主要解决了以下两种问题：

• seo：搜索引擎优先爬取页面HTML结构，使用ssr时，服务端已经生成了和业务想关联的HTML，有利于seo
• 首屏呈现渲染：用户无需等待页面所有js加载完成就可以看到页面视图（压力来到了服务器，所以需要权衡哪些用服务端渲染，哪些交给客户端）

但是使用SSR同样存在以下的缺点：

• 复杂度：整个项目的复杂度
• 库的支持性，代码兼容
• 性能问题
  • 每个请求都是n个实例的创建，不然会污染，消耗会变得很大
  • 缓存 node serve、 nginx判断当前用户有没有过期，如果没过期的话就缓存，用刚刚的结果。
  • 降级：监控cpu、内存占用过多，就spa，返回单个的壳
• 服务器负载变大，相对于前后端分离服务器只需要提供静态资源来说，服务器负载更大，所以要慎重使用

到这里也就结束了，希望对您有所帮助。