vue-ssr（一）

什么是服务端渲染？

放在服务器进行就是服务端渲染，放在浏览器进行就是浏览器渲染。

· 

• 客户端渲染不利于SEO搜索引擎优化
• 服务端渲染是可以被爬虫抓取到的，客户端异步渲染是很难被爬虫抓取到的
• SSR直接将HTML字符串传递给浏览器，大大加快了首屏加载时间。
• SSR占用更多的CPU和内存资源
• 一些常用的浏览器API可能无法正常使用
• 在vue中只支持beforeCreate和created两个生命周期

 

 

安装

 

yarn add koa koa-router  koa-static

 

yarn add vue vue-router vuex vue-server-renderer

 

注：vue-server-renderer 就是用于服务端渲染的一个包

 

 

创建server.js

 

 

引入vue包和vue渲染包

 

用模板的形式渲染

创建html模板：

 

注：<!--vue-ssr-outlet--> 是固定写法，会自动的把渲染内容放到这里面 

 

将转成字符串的vue结果插入模板中并返回一个插入后的结果