Charon

Charon 查看完整档案

北京编辑邢台学院  |  计算机基础与应用 编辑望海康信  |  高级工程师 编辑 segmentfault.com/u/charon_5f4765a39cea7 编辑
编辑

世界核平

个人动态

Charon 发布了文章 · 今天 18:54

vue ssr同构

前面记录了下next 如何做服务端渲染,最近看了看vue官方得ssr说明,然后不基于next,自己来做一个vue得ssr服务端渲染.

官方文档:https://ssr.vuejs.org/

官方文档的解释:Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。

服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用",因为应用程序的大部分代码都可以在服务器和客户端上运行。

还是老样子,我们在用ssr服务端渲染之前需要先问自己是否真的需要它.

技术层面:

  • 更快的首屏渲染速度
  • 更好的 SEO

业务层面:

  • 不适合管理系统
  • 适合门户资讯类网站,例如企业官网、知乎、简书等
  • 适合移动网站

vue的ssr 主要分为两种

  1. Nuxt.js 开发框架

    1. NUXT提供了平