如何编写Vue SSR结合Koa2的服务端渲染示例代码？

本文共计1391个文字，预计阅读时间需要6分钟。

在百度360等渠道投放了活动投放页面，采用koa2框架引擎的方式。发现几个问题：页面响应速度较低，维护性较差，兼容性问题，添加埋点后用户体验下降。

之前做了活动投放页面在百度、360等渠道投放，采用 koa2 + 模版引擎的方式。发现几个问题

• 相较于框架开发页面效率较低，维护性差
• 兼容性问题，在页面中添加埋点后发现有些用户的数据拿不到，排查后发现通过各个渠道过来的用户的设备中仍然包含大量低版本的浏览器。

服务端渲染

服务端渲染和单页面渲染区别

查看下面两张图，可以看到如果是服务端渲染，那么在浏览器中拿到的直接是完整的 html 结构。而单页面是一些 script 标签引入的js文件，最终将虚拟dom去挂在到 #app 容器上。