SSR 与 CSR

SSR（服务器端渲染）

服务器端渲染（Server-Side Rendering, SSR） 是指在服务器端生成HTML内容，然后将其发送到客户端进行显示。SSR的主要特点和优点包括：

1. SEO 友好：由于HTML内容在服务器端生成，搜索引擎爬虫可以更容易地抓取和索引页面内容。
2. 首屏加载快：服务器端生成完整的HTML页面，客户端只需解析和渲染，首屏加载速度较快。
3. 适用于内容驱动的网站：如博客、新闻网站等，内容相对静态，适合使用 SSR。

缺点：

1. 服务器负载高：每次请求都需要服务器生成HTML页面，增加了服务器的负载。
2. 开发复杂度高：需要处理服务器端和客户端的代码，开发和调试相对复杂。

CSR（客户端渲染）

客户端渲染（Client-Side Rendering, CSR） 是指在客户端（浏览器）执行JavaScript代码，生成和渲染HTML内容。CSR的主要特点和优点包括：

1. 用户体验好：页面交互更加流畅，适合构建复杂的单页应用（SPA）。
2. 服务器负载低：服务器只需提供静态资源（HTML、CSS、JavaScript），减少了服务器的负载。
3. 开发效率高：前后端分离，前端开发可以独立进行，提高了开发效率。

缺点：

1. SEO不友好：由于内容在客户端生成，搜索引擎爬虫可能无法抓取和索引页面内容。
2. 首屏加载慢：需要下载和执行大量的JavaScript代码，首屏加载速度较慢。

Vue 中实现 SSR (Nuxt.js)

• Nuxt.js 文档

Nuxt.js是一个基于Vue.js的开源框架，用于构建服务端渲染（SSR）应用、静态站点生成（SSG）和单页应用（SPA）。它提供了一系列开箱即用的功能和配置，使得开发复杂的Vue.js应用变得更加简单和高效。