记录一下,重新看了看官方文档
什么是服务器端渲染(SSR)?
Vue.js是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出Vue组件,进行生成DOM和操作DOM。 然而,也可以将同一个组件渲染为服务器端的HTML字符串,将他们直接发送到浏览器,最后将这些静态标记“激活”为客户端上完全可交互的应用程序。
服务器渲染的Vue.js应用程序可以被认为是“同构”或“通用”,因为应用程序的大部分代码都可以在服务器和客户端上运行。
为什么使用服务器端渲染(SSR)?
与传统SPA(单页面应用程序(Single-Page Application))相比,服务器端渲染(SSR)的优势主要在于:
- 更好的SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。
- 更快的内容到达时间(time-to-content),特别是对于缓慢的网络情况或者运行缓慢的设备。
使用服务器端渲染(SSR)时还需要有一些权衡之处:
- 开发条件所限。
- 涉及构建设置和部署的更多要求。
- 更多的服务器端负载。
服务器端渲染 VS 预渲染(SSR vs Prerendering)
什么时候用到预渲染? 改善少数营销页面(例如/, /about, /contact等)的SEO时。
预渲染:无需web服务器实时动态编译HTML,在构建时(Build time)简单地生成针对特定路由的静态HTML文件。
优点:设置预渲染更简单,并可以将你的前端作为一个完全静态的站点。
webpack 模块:prerender-spa-plugin