Nuxt - Universal（SSR / SSG）/ Single Page App（渲染模式）

前言

目前前端渲染模式，大致分为 3 种：

1. 客户端渲染 CSR (Croswer Side Render)
2. 服务端渲染 SSR (Server Side Render)
3. 静态网站生成 SSG (Static Site Generation)

当您创建项目时，是否记得下图这样一个选择题：

Nuxt.js 会让您选择一种渲染模式，我们接下来好好分析一下。

一、Universal（SSR / SSG）

从 Universal 英文单词来看，它是广泛的、普遍的，比较常见的渲染模式。

您选择后，就包含（内置）了服务端渲染（SSR）与静态网站生成（SSG）两种渲染模式。

服务端渲染（SSR）：

服务端渲染是指客户端向服务器发出请求，然后运行时动态生成 html