SSR 全称 Server side rendering 服务器端渲染

为什么要使用SSR?

有利于seo 对于单页应用来说 最大的缺点就是无法爬取异步动态的网站内容
为了解决这一问题,出现了SSR技术,网站的首屏在服务器端完成渲染之后,直接将首屏html返回给客户端

更快的页面渲染速度

SSR基本原理

app.js 作为客户端 与 服务器端的公共入口,导出vue根实例,供客户端entry 和服务器 entry 使用 ,客户端的entry主要作用 就是挂载在DOM上,而服务器entry除了创建和返回实例,还会进行路由匹配和数据预获取

当服务器接受请求时,会根据URL,加载相应组件,获取解析异步数据,这个时候通过 webpack 为客户端打包一个client bundle,为服务器端打包一个server bundle 服务器会创建一个用来读取server bundle的bundleRenderer 最后生成html返回给客户端

Vue SSR的现实,实际就是把Vue的组件输出成一个HTML


白昼
4 声望0 粉丝