Vue SSR是什么?
后端渲染、CSR 、SSR区别
传统的后端渲染
写模板文件, 服务端将数据和模板渲染为HTML文档并返回给浏览器,适用于任何后端语言:PHP、Java、Python、GO等。
缺点:
- 前后端不分离
- 前后端不分离、代码不好维护
- 查看新页面就要请求服务器,刷新页面,体验不好
客户端渲染(CSR)
整个渲染在浏览器端使用JS来完成,配合 history.pushState等方式来做单页应用(SPA: Single-Page Application),也收到不错的体验效果。
缺点:
首屏加载慢
不利于SEO
同构应用(SSR)
类似于 React,Vue 2.0 等前端框架来做服务端渲染。 使用这些框架来做服务端渲染的兼顾了上面的几个优点。写一份代码就可以跑在服务端和浏览器端,在服务器端执行一次,用于实现服务器端渲染(首屏直出),在客户端再执行一次,用于接管页面交互,实现前后端同构。
Vue SSR是什么?
Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。
服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用",因为应用程序的大部分代码都可以在服务器和客户端上运行。