跳到主要内容

认识

2023年11月08日
柏拉文
越努力，越幸运

一、认识​

Vue SSR 是一个结合SPA的SSR。通过 Vue SSR 渲染的页面, 需要再客户端激活才能实现交互。因此, Vue SSR 包含两部分: 服务端渲染的首屏、包含交互的SPA。也就是说: Vue SSR 首次渲染页面是服务端直出，后续的访问（路由切换、事件交互）都是SPA。这样一来，既能解决SEO问题，也能保持页面切换的效率，服务器的压力要比传统的SSR也相对小。

1.1 传统 Vue 渲染流程​

  1. 浏览器发送请求

  2. 服务器返回HTML

  3. 浏览器发送bundle.js请求

  4. 服务器返回bundle.js

  5. 浏览器执行bundle.js中的Vue代码，将页面渲染出来

1.2 SSR Vue 渲染流程​

  1. 浏览器发送请求

  2. 服务器运行Vue代码生成页面

  3. 服务器返回页面