Skip to content

SSR

何为 SSR

首先,我们要知道何为渲染,渲染是指将生成 html dom 树,包括节点中的数据。

SSR即服务端渲染,指的是在服务端生成dom树,并将数据插入dom树中。与之相对的是客户端渲染,在客户端进行dom生成和数据插入。

前后端分离的模式一般都是客户端渲染,在客户端通过index.js生成所有的dom结构和数据

右键查看网页源代码就可以清晰地判断是否为SSR,SSR的页面具有完备的dom结构,非SSR的页面,通常只具备如下结构:

html
<div id="app"></div>

服务端渲染的优势在于搜索引擎友好,可以被爬虫爬取文本,排列在搜索前列。

SSR 历史

  1. 最早的jsp、php时代,前后端混合时,便是ssr
  2. 前后端分离后,ssr便退出历史舞台
  3. 由于ssr存在的优势,目前在前后端分离的基础上,通过某些技术手段,又能实现ssr

vite 实现 SSR

Released under the MIT License.