这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天

一、什么是SSR？

关于SSR，在之前的笔记已经写过SSR是什么。简单来说SSR是作用于服务端渲染的技术，在服务端处取出数据和模板html进行组合然后发送给客户端。在之前的Web架构大都是 SSR，如：Wordpress（PHP）、JSP技术、JavaWeb…或者 DEDECMS、Discuz!等这些程序都是传统典型的SSR架构。

二、Nuxt.js是什么?

Nuxt.js中文官网：www.nuxtjs.cn

在它的官网上是这么介绍的：

Nuxt.js是一个基于Vue.js的基础框架。
通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI 渲染。 我们的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有的Node.js中使用Nuxt.js。
作为框架，Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提供了许多有用的特性，例如异步数据加载、中间件支持、布局支持等。

所以我们可以知道，Nuxt.js基于Vue.js，主要关注于应用的页面渲染，但是除了SSR之外也能够通过Nuxt.js去构建SPA页面。

三、为什么使用Nuxt.js?

在开发当中使用Nuxt.js的原因主要是因为在一些需要首屏加载速度快的应用场景下，SSR的渲染方式可以将页面很快地呈现在客户端上；并且SPA（单页应用）并不适合于搜索引擎进行SEO操作，搜索引擎很难抓取还没渲染出来的数据，所以在新闻、博客、电影、咨询这样的需要搜索引擎提供流量的项目中适合使用Nuxt.js。

四、Nuxt.js的特点是?

• 基于 Vue.js
• 自动代码分层
• 服务端渲染
• 强大的路由功能，支持异步数据
• 静态文件服务
• ES2015+ 语法支持
• 打包和压缩 JS 和 CSS
• HTML 头部标签管理
• 本地开发支持热加载
• 集成 ESLint
• 支持各种样式预处理器： SASS、LESS、 Stylus 等等
• 支持 HTTP/2 推送