服务端渲染

SSR(Server Side Rendering) ：由服务端把渲染的完整的页面吐给客户端。这样减少了一次客户端到服务端的一次http请求，加快速度，用于首屏性能优化。

CSR(Client Side Rendering)：它依赖的是运行在客户端的JS，用户首次发送请求只能得到小部分的指引性HTML代码。第二次请求将会请求更多包含HTML字符串的JS文件。

为什么使用服务器端渲染 (SSR)？

与传统 SPA (单页应用程序 (Single-Page Application)) 相比的优势在于：

更好SEO，搜索引擎爬虫可以直接查看完全渲染的页面。

更快的内容到达时间 (time-to-content)，特别是对于缓慢的网络或缓慢设备。无需等待所有的 JavaScript 都完成下载并执行，才显示服务器渲染的标记，所以用户将会更快看到完整渲染的页面。

使用服务器端渲染 (SSR) 时还需要有一些权衡之处：

开发条件所限。浏览器特定的代码，只能在某些生命周期钩子函数 (lifecycle hook) 中使用；一些外部扩展库 (external library) 可能需要特殊处理，才能在服务器渲染应用程序中运行。

涉及构建设置和部署的更多要求。与可以部署在任何静态文件服务器上的完全静态单页面应用程序 (SPA) 不同，服务器渲染应用程序，需要处于 Node.js server 运行环境。

更多的服务器端负载。

nuxt

• 目录结构

• 安装

npx create-nuxt-app <项目名>

不使用框架

如果不使用框架可以使用vue-server-renderer这个插件库来处理编译