服务器端渲染是什么【Web前端培训】

　　Vue进行服务器端渲染时，需要利用Node.js搭建一个服务器，并添加服务器端渲染的代码逻辑。使用webpack-dev-middleware中间件对更改的文件进行监控，使用webpack-hot-middleware中间件进行页面的热更新，使用vue-server-renderer插件来渲染服务器端打包的bundle文件到客户端。

　　服务器端渲染具有哪些优点?

　　如果网站对SEO(搜索引擎优化)要求比较高，页面又是通过异步来获取内容，则需要使用服务器渲染来解决此问题。

　　服务器端渲染相对于传统的SPA(单页面应用)来说，主要有以下优势。

　　(1)利于SEO

　　Vue SSR利用Node.js搭建页面渲染服务，在服务端完成页面的渲染(把以前需要在客户端完成的页面渲染放在服务器端来完成)，便于输出SEO更友好的页面。

　　(2)首屏渲染速度快

　　在前后端分离的项目中，前端部分需要先加载静态资源，再采用异步的方式去获取数据，最后来渲染页面。其中，在获取静态资源和异步获取数据阶段，页面上是没有数据的，这将会影响首屏的渲染速度和用户体验。

　　而使用服务器端渲染的项目，特别是对于缓慢的网络情况或运行缓慢的设备来说，无须等待所有的JavaScript都完成下载并执行，才会显示服务器渲染的标记，这使得用户将会更快速地看到完整渲染的页面，将会大大提升用户体验。

　　服务器端渲染的不足是什么?

　　虽然服务器端渲染有首屏加载速度快和有利于SEO的优点，但是在使用服务器端渲染的时候，还需要注意以下两点事项。

　　(1)服务器端压力增加

　　服务器端渲染需要在Node.js中渲染完整的应用程序，这会大量占用CPU资源。如果在高流量的环境下使用，建议利用缓存来降低服务器负载。

　　(2)涉及构建设置和部署的要求

　　单页面应用程序可以部署在任何静态文件服务器上，而服务器端渲染应用程序，需要运行在Node.js服务器环境。