Vue SSR(vue服务端渲染)

前后端分离的纯前端项目，由于这类项目需要页面加载完成后再异步获取数据渲染，因此大部分搜索引擎无法获取到这类项目的内容。Vue SSR正是基于此类需求而给出的一种技术方案。利用nodejs搭建页面渲染服务，在服务端完成之前需要在客户端完成的页面渲染工作，输出给SEO更友好的页面。

2.首屏渲染速度

目前对于首屏渲染速度的提升有许多方案，在ssr之外还有龙骨，墓碑，数据直出。相比于这些方案ssr方案实现是最复杂的，但效果也是最好的。

实现方案

Vue SSR的实现有两种实现

1.基于官方Vue SSR指南文档的官方方案

更直接的控制应用程序的结构，更深入底层，更加灵活

2.vue.js通用应用框架–NUXT

平滑的开箱即用的体验，它建立在同等的Vue技术栈之上，但抽象出很多模板，并提供了一些额外的功能，例如静态站点生成。通过NUXT可以根据约定的规则，快速的实现Vue SSR

步骤 代码

1. 新建文件夹 ssr ，创建ssr demo项目，终端输入：
   mkdir ssr-demo
   cd ssr-demo
2. 初始化文件夹：npm init -y
3. 安装依赖：
   vue、vue-server-renderer： npm i vue vue-server-renderer nodemon --save
   （npm install express --save）
   （npm install vue-router --save）
   其中vue-server-renderer尤为关键，我们实现的vue-ssr依靠于这个库提供的API；vue用于创建vue实例；vue-router则用于实现路由控制；express使我们node端的框架。
4. 修改package.json文件