Vue中如何通过预渲染替代服务器端渲染（SSR）技术？

本文共计1837个文字，预计阅读时间需要8分钟。

页面渲染方式+前端时间了解到页面有几种渲染方式：SPA+SSR。之前写的一个网站用的是SPA，导致搜索引擎爬虫抓不到任何信息，对SEO优化不好。本想改成SSR，但改动较大。

页面渲染方式

前段时间了解到页面有几种渲染方式：SPA SSR，以前写的一个网站但是用的渲染方式是 SPA，导致搜索引擎爬虫抓不到任何信息，对 SEO 优化不很好，本想改成 SSR，但是改动配置很多，弄来弄去怕影响开发，今天在 Vue 官网看到预渲染，今天试了下，感觉是一个折中的方法，而且配置改动不大，大家可以试试

什么是服务器端渲染 (SSR)？

Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记” 激活” 为客户端上完全可交互的应用程序。

服务器渲染的 Vue.js 应用程序也可以被认为是” 同构” 或” 通用”，因为应用程序的大部分代码都可以在服务器和客户端上运行。

为什么使用服务器端渲染 (SSR)？

与传统 SPA (单页应用程序 (Single-Page Application)) 相比，服务器端渲染 (SSR) 的优势主要在于：

更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。

请注意，截至目前，Google 和 Bing 可以很好对同步 JavaScript 应用程序进行索引。在这里，同步是关键。