序言
SSR 是解决目前一些对SEO, 首屏渲染速度问题的优选方案。 目前VUE SSR 的实现由两种: 一种是基于官方Vue SSR 指南文档的官方方案;一种是vue.js 通过应用框架–NUXT。 其中官方方案能更直接的控制应用程序的结构, 更深入底层,更加灵活。 而NUXT 提供了平滑的开箱即用的体验,它建立在同等的Vue技术栈之上, 但抽象出很多模板,并提供了一些额外的功能。 例如: 静态站点生成。 通过NUXT可以根据约定的规则,快速的实现Vue SSR。
下面我们将使用官方的Vue SSR 方案来进行Vue SSR 实现的流程及原理来进行讲解。
Vue SSR 实现流程及原理
先来看一下一个基本的实现流程图:
下面我来对上图中各个要点进行分析讲解:
客户端访问站点方式