Vue SSR

发布时间 2023-06-13 15:51:41作者: 有只小菜猫

1、概念

【SSR的本质就服务端返回渲染好的html文档】

vue在客户端将标签渲染成的整个 html 片段的工作在服务端完成

服务端形成的html 片段直接返回给客户端这个过程就叫做服务端渲染

2、优缺点

(1)优点

  • 更好的 SEO​

    • 在 SPA 中是抓取不到页面通过 Ajax 获取到的内容

    • SSR 是直接由服务端返回已经渲染好的页面

    • 【搜索引擎爬取工具可以抓取渲染好的页面】

  • 更快的内容到达时间(首屏加载更快)

    • SPA 会等待所有 Vue 编译后的 js 文件都下载完成后,才开始进行页面的渲染

    • SSR 直接由服务端渲染好页面直接返回显示,无需等待下载 js 文件及再去渲染

(2)缺点

  • 更多的开发条件限制

    • 服务端渲染应用程序,需要处于 Node.js server运行环境

  • 更多的服务器负载

    • 在 Node.js 中渲染完整的应用程序

    • 比仅仅提供静态文件的 server 更加大量占用CPU 资源