vue之服务端渲染

• 什么是服务端渲染？
• 后端先调用数据库，获得数据之后，将数据和页面元素进行拼装，组合成完整的html页面，再直接返回给浏览器，以便用户浏览。
• 网页源代码
• 网页源代码就是服务器发送给客户端，浏览器所接收到的内容。
• 什么是客户端渲染？
• 数据由浏览器通过ajax动态取得，在通过js将数据填充到dom元素上最终展示在网页中。
• 服务端vs客户端
• 1.服务端渲染需要消耗更多的服务器资源（cpu，内存等）
• 2.客户端渲染可以将静态资源部署到cdn上，实现高并发
• 3.服务端渲染对seo更友好
• vue服务器端渲染的实现
• 网址：https://ssr.vuejs.org/zh/
• 安装依赖：npm install vue vue-server-renderer --save

// 第 1 步：创建一个 Vue 实例
const Vue = require('vue')
const app = new Vue({
  template: `<div>Hello World</div>`
})

// 第 2 步：创建一个 renderer
const renderer = require('vue-server-renderer').createRenderer()

// 第 3 步：将 Vue 实例渲染为 HTML
renderer.renderToString(app, (err, html) => {
  if (err) throw err
  console.log(html)
  // => 
Hello World
})

nuxt:

• nuxt是什么？

Nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）。
首先说下 SSR，最近很热的词，意为 Server Side Rendering（服务端渲染），目的是为了解决单页面应用的 SEO 的问题，对于一般网站影响不大，但是对于论坛类，内容类网站来说是致命的，搜索引擎无法抓取页面相关内容，也就是用户搜不到此网站的相关信息。
————————————————

原文链接：https://blog.csdn.net/weixin_39654784/article/details/82056673

总结：SSR为服务端渲染，nuxt为vue的框架，用来做服务端渲染。