通过通过vue-cli3构建一个构建一个SSR应用程序的方法应用程序的方法
1、前沿、前沿
1.1、什么是、什么是SSR
SSR（服务端渲染）顾名思义就是将页面在服务端渲染完成后在客户端直接展示。
1.2、客户端渲染与服务端渲染的区别、客户端渲染与服务端渲染的区别 传统的传统的SPA模式模式
即客户端渲染的模式
Vue.js构建的应用程序，默认情况下是有一个html模板页，然后通过webpack打包生成一堆js、css等等资源文件。然后塞到
index.html中
用户输入url访问页面 -> 先得到一个html模板页 -> 然后通过异步请求服务端数据 -> 得到服务端的数据 -> 渲染成局部页面 ->
用户
SSR模式模式
即服务端渲染模式
用户输入url访问页面 -> 服务端接收到请求 -> 将对应请求的数据渲染完一个网页 -> 返回给用户
1.3、为什么要使用、为什么要使用SSR呢？呢？
ssr的好处官网已经给出，最有意思的两个优点如下：
更有好的SEO。由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。
更快的内容到达时间(time-to-content)
1.4、、SSR原理原理
这是vue.js官方的SSR原理介绍图，从这张图片，我们可以知道：我们需要通过Webpack打包生成两份bundle文件：
Client Bundle，给浏览器用。和纯Vue前端项目Bundle类似
Server Bundle，供服务端SSR使用，一个json文件
不管你项目先前是什么样子，是否是使用vue-cli生成的。都会有这个构建改造过程。在构建改造这里会用到 vue-server-
renderer 库，这里要注意的是 vue-server-renderer 版本要与Vue版本一样。
2、开始构建基于、开始构建基于vue-cli3 的的SSR应用程序应用程序
了解ssr原理后，来开始step by step搭建一个自己的SSR应用程序
安装安装vue-cli3
全局安装vue-cli脚手架
npm install @vue/cli -g --registry=https://registry.npm.taobao.org
创建一个vue项目
vue create ssr-example
会进入到一个交互bash界面，按自己需要选择
资源评论
