9. 服务器端渲染¶
9.1. 1.服务器端渲染简介¶
9.1.1. 1.1 什么是服务器端渲染(SSR)¶
服务器端渲染(Server Side Render,SSR)。Vue.js用于构建客户端应用程序的框架,在默认情况下,在浏览器中输出Vue组件,生成DOM和操作DOM。但是这种操作对SEO不利,所以在开发过程中需要在服务器端将组件渲染为HTML字符串,然后将它们直接发送到浏览器端。
简单来说,服务器端渲染就是将本来要放在浏览器进行创建的标签,放到服务器端先创建好,然后生成对应的HTML内容并直接发送到浏览器,最后将这些静态标记“激活”为客户端完全可交互的应用程序。
9.1.2. 1.2 为什么要使用服务器端渲染¶
与传统的单页面应用程序相比,服务器端渲染的优势主要有以下几个方面。
更好的SEO,让搜索引擎和爬虫抓取工具可以直接查看完全渲染的页面。
更快的内容到达时间,特别是对于缓慢的网络情况或运行缓慢的设备。
在使用服务器端渲染技术开发的网站中,也是伴随着一些缺点,需要权衡的方面有以下几点。
由于开发条件的限制,对于一些外部扩展库有时需要进行特殊处理,这样才能在服务器渲染应用程序中运行。
涉及构建设置和部署的更多要求,服务器端渲染的应用程序需要处于Node.js server运行环境。
更多的服务器端负载,在Node.js中渲染完整的应用程序会占用大量CPU资源和流量资源。
在做技术选型时,到底要不要使用服务器端渲染应该取决于项目的实际需求,这主要取决于内容到达时间对应用程序的重要程度。
9.2. 2.基于 Nuxt.js 搭建一个服务端渲染(SSR)应用¶
参考文献