【前端】Vue服务器端渲染之Nuxt

1.什么是服务器端渲染

后端先调用数据库，获得数据之后，将数据和页面元素进行拼装，组合成完整的html页面，再直接返回给浏览器，以便用户浏览。

• 总结：数据填充在服务器端进行，就是服务器端渲染

什么是客户端渲染

数据由浏览器通过ajax动态获得，再通过js将数据填充到dom元素上最终展示到网页中，这样的过程叫做客户端渲染。

• 总结：数据填充在客户端进行，就是客户端渲染

服务器端渲染 vs 客户端渲染

1. 服务器端渲染需要消耗更多的服务器端资源（CPU，内存等）
2. 客户端渲染可以将静态资源部署到cdn上，实现高并发
3. 服务器端渲染对SEO更友好

2.vue服务器端渲染的实现

安装依赖：npm install vue vue-server-renderer --save
vue 官方开发的一个服务器端渲染组件