什么是服务器端渲染？服务器端渲染简介

服务器端渲染，顾名思义就是将页面或者组件通过服务器生成HIML字符串，将它们直接发迭到河览器，最后将静态标记“混合”为客户端上完全交互的应用程序。本节将对服务器端渲染的基本概念和服务器端渲染优点和不足做详细介绍。

1.服务器端渲染

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

2.服务器端渲染的优点

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

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

(1)利于SEO

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

(2)首屏渲染速度快

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

猜你喜欢：

浏览器渲染页面的顺序：页面渲染的过程介绍

怎样编写JavaScript面向对象的页面结构？

animate()方法创建自定义动画

黑马程序员web前端高级软件工程师培训