Vue服务器端渲染
1. 服务器端渲染(SSR)简介1.1 什么是服务器端渲染(SSR)?
Vue.js 是构建客户端应用程序的框架
默认情况下浏览器输出Vue组件,生成DOM并操作DOM
服务器端渲染则是服务器端生成静态的HTML字符串,浏览器将静态标记“混合”为客户端可交互的应用程序
服务器渲染的 Vue.js 应用程序也可以被认为是”同构”或”通用”,因为应用程序的大部分代码都可以在服务器和客户端上运行
1.2 为什么使用服务器端渲染(SSR)?与传统 SPA(Single-Page Application - 单页应用程序)相比,服务器端渲染(SSR)的优势主要在于:
更好的 SEO
搜索引擎爬虫抓取工具可以直接查看完全渲染的页面,如果你的应用程序初始展示 loading 菊花图,然后通过 Ajax 获取内容,抓取工具并不会等待异步完成后再行抓取页面内容。
更快的内容到达时间
无需等待所有的 JavaScript 都完成下载并执行,才显示服务器渲染的标记,所以你的用户将会更快速地看到完整渲染的页面。
1.3 使用服务器端渲染(SSR)需要权衡的地方
开发条件所限
...