为什么使用服务器端渲染 (SSR)？
1.更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。
2.更快的内容到达时间 (time-to-content)，特别是对于缓慢的网络情况或运行缓慢的设备。
vue-ssr工作原理
搭建你的开发环境
1.使用vue create myApp创建你的vue项目
2.项目根目录下新建vue.config.js文件
3.新建客户端（entry-client.js），服务端入口文件(entry-server.js)，项目入口文件（app.js），模板文件（index.template.html）
4.改造vuex，vue-router入口文件
5.创建server.js
搭建完场后你的项目结构是这个样子
接下来就是具体的配置了，首先我们要说的是app.js(main.js)，vue-cli3搭建的项目默认的main.js是长这个样子的
首先我们思考一下，这样的单例模式是否符合我们服务端渲染的要求，我们知道客户端的代码对于每一个用户来说都是独立的，换句话说，每个用户浏览器访问我们的网站都会下载我们的网页，然后独立渲染运行，但是服务端渲染是与之相反的，所有用户访问相同的服务端代码，也就是说，如果我们在服务端使用单例模式渲染出一个vue， vuex，vue-router实例，那么这个单例将被所有用户共享，这显然是不符合我们的要求的，那么怎么解决这个问题呢？
首先我们在构建服务端渲染应用时得给每一个请求提供一套新的vue全家桶，那怎么做才能达到这个目的呢？答案是使用工厂模式：
app.js(main.js)
create-router.js
create-store.js
使用工厂模式分别改造我们的vue, vuex, vue-router入口文件，使之可以每次调用都返回对应的一个新实例。到现在为止我们已经做好了所有的前期准备工作。接下来就是改造关于打包的部分，我们将在下一篇文章里面详细介绍。
网友评论