详解Vue服务端渲染

详解 Vue 服务端渲染

一、服务端渲染简介

所谓服务端渲染就是将代码的渲染交给服务器，服务器将渲染好的 html 字符串返回给客户端，再由客户端进行显示。

服务器端渲染的优点

• 有利于 SEO 搜索引擎优化，因为服务端渲染是将渲染好的 html 字符串返回给了客户端，所以其可以被爬虫爬取到；
• 加快首屏渲染时间，不会出现白屏；

服务器端渲染的缺点

• SSR 会占用更多的 CPU 和内存资源
• Vue 中一些常用的浏览器 API 可能无法使用，比如 Vue 的生命周期在服务器端渲染只能使用 beforeCreate() 和 created()，因为服务端呈现的仅仅是 html 字符串是没有所谓的 mount 的。

二、服务端渲染初体验