Vue SSR(server side render)
客户端渲染
<div id="app"></div>
问题: 白屏事件, js 加载完毕,异步获取, seo 不友好
router, 切页面非常流畅, html, 可见即可操作
服务器压力比较少
服务器渲染
直接返回,白屏事件短
可见不一定可以操作,js 不一定加载完毕
服务器压力比较大,切换页面都需要使用服务
SSR
结合了两者的优点,摒弃了缺点
首屏支出,由服务器直接返回
后边切页面,就是 js 控制,切页面流畅
服务器压力没有这么大
判断 SSR 要不要使用,
SEO:如果本身已经使用了单页面,可以使用预渲染
SSR 对性能有极致的要求
配置复杂,有一些局限性,服务端没有 dom
vue 中的 ssr 的指南
https://ssr.vuejs.org/zh/guide/#%E5%AE%89%E8%A3%85
https://v3.vuejs.org/guide/ssr/introduction.html#what-is-server-side-rendering-ssr
手动配置
客户端配置
服务器配置
版权声明: 本文为 InfoQ 作者【Jeannette】的原创文章。
原文链接:【http://xie.infoq.cn/article/3b96c75ba50faeb1eee5a853a】。未经作者许可,禁止转载。
评论