Vue SSR
Posted 白昼
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue SSR相关的知识，希望对你有一定的参考价值。
SSR 全称 Server side rendering 服务器端渲染
为什么要使用SSR？
有利于seo 对于单页应用来说 最大的缺点就是无法爬取异步动态的网站内容
为了解决这一问题，出现了SSR技术，网站的首屏在服务器端完成渲染之后，直接将首屏html返回给客户端
更快的页面渲染速度
SSR基本原理
app.js 作为客户端 与 服务器端的公共入口，导出vue根实例，供客户端entry 和服务器 entry 使用 ，客户端的entry主要作用 就是挂载在DOM上，而服务器entry除了创建和返回实例，还会进行路由匹配和数据预获取
当服务器接受请求时，会根据URL，加载相应组件，获取解析异步数据，这个时候通过 webpack 为客户端打包一个client bundle，为服务器端打包一个server bundle 服务器会创建一个用来读取server bundle的bundleRenderer 最后生成html返回给客户端
Vue SSR的现实，实际就是把Vue的组件输出成一个HTML
以上是关于Vue SSR的主要内容，如果未能解决你的问题，请参考以下文章