基于vue-cli3的vue-ssr(四)

前面三篇文章我们将vue-ssr的前端代码做了详细的分析，今天我们一起来看看vue-ssr基于express的服务端代码。
在vue-ssr的官方文档中有这么一段话

虽然官方文档说明vue-ssr需要在nodeJs运行环境，但这不是必须的，官方也提供了其他语言下的渲染方法，这里我们不做深究，作为一个前端程序员，我们更喜欢用nodeJs来解决前端的问题。废话不多说，看一下我们今天的重点，老规矩先瞅瞅长啥样：

server.js(1)

server.js(2)

我们先来说说server.js到底做了哪些事情：
1.开放dist文件夹
2.按照路由缓存
3.渲染路由组件
首先说一下为什么要开放dist文件夹，我们在上一篇文章里面提到，dist文件夹是我们最终的打包文件夹，开放它的目的是为了客户端页面可以访问到打包后的静态文件（图片，js，css）,接下来我们创建了一个randerer对象，可以看到，打包后的vue-ssr-server-bundle.json和vue-ssr-client-mainfest.json文件在初始化的时候传进了randerer对象，还有一个模板对象，这个模板对象就是我们服务端返回的页面字符串渲染的模板，在第一篇中我们的目录里面可以看到。按照路由缓存其实是将服务端渲染结果保留以便于加快相应的策略。到了第三步就是利用renderer对象去渲染我们访问的路由对应的组件然后返回给客户端，这就是完整的服务端的代码。

到此为止所有关于vue-ssr的介绍就完了，当然还有一些关于模板，缓存以及客户端数据预取的其他方案这里没有介绍到，大家有兴趣的可以去官网了解。附上官网链接
vue-ssr官方文档