SSR（服务端渲染）和BSR（客户端渲染）的区别

SSR： 服务端渲染----------M+V发生在服务端

对营销推广要求较高的产品，使用SSR，比如官网。

		优势

• 服务器的压力更大。
• 页面访问和显示速度更快（DOM操作少）。
• 有利于 ( SEO ) 搜索引擎优化。
  SEO:
  网络爬虫程序，读取、记录数据。
  爬虫最喜欢的HTML字符串：meta、h1-h6、语义化标签（article、header、nav…）alt属性、title属性
  爬虫最讨厌 js 脚本，DOM操作
• 前后端不分离，对后端工程师的要求更高，工作量更大。
• 功能比较简单，交互简单的产品

BSR：客户端渲染---------M+V发生在客户端

对营销推广要求不高的产品，使用BSR，比如管理系统。

		优势

• 客户的压力较大。
• 页面加载速度更慢（Dom较多）。
• 不利于SEO优化。
• 前后端分离，便于代码调试和维护，开发速度更快。
• 可以做出更复杂的产品。

Vue SSR 工作流程（原理）：

1. VueSSR 只在node.js服务器上开发，不支持其他服务端（Java，php…）.
2. 使用 vue-server-renderer的官方包。
3. var re = verserverrenderer.createRenderer()
4. re.renderToString(vue组件，function(req,res))把静态字符串返回个客户端。