Vue 服务端渲染 & 预渲染

• • 简介

• 那么

• • 什么是服务端渲染

• 为什么使用服务端渲染

• 服务端渲染 or 预渲染

• 区别

• 如何使用预渲染

• 如何搭建一个预渲染开发环境

• Tip

• 写在最后

简介

---

关于 Vue 的 SPA 说的已经太多太多了，它为我们带来了极速的开发体验，极强的开发效率。可能唯一有些许不足的就是，当我们对 SEO 很在乎的时候，我们如何去处理 SEO 的需求。

关于 SEO ，Vue 也有现成的解决方案： Vue 服务端渲染

那么

---

什么是服务端渲染

服务端将完整的页面 html 输出到客户端显示，与 SPA （Single-Page-Application）使用 js 渲染页面不同。

为什么使用服务端渲染

• 更好的 SEO

• 更快的内容到达时间

服务端渲染 or 预渲染

就像官网所说的，如果你调研服务器端渲染(SSR)只是用来