服务端渲染详解（SSR）

综述：知识扩展，深化认识

1.服务端渲染产生背景介绍

   自从SPA（单页面应用）诞生后，其顺滑的用户体验让大家趋之若鹜，但由此也产生了两个问题：

• 由于其是在浏览器端完成了页面的路由控制，不利于网站的SEO（搜索引擎优化）。
• 由于在第一次加载的过程中，就将页面所有的内容加载过来，所以TTFE（首屏白屏问题）问题严重，使用户体验不好

为了解决这两个问题，就产生了服务端渲染，相当于在服务端和客户端再增加一层node中间层，由node层进行数据的获取并将其注入到html中，产生一个html文件，发送给前端浏览器，浏览器直接渲染；

2.Vue服务端渲染框架NUXT.js介绍

官方介绍：https://zh.nuxtjs.org/guide

Nuxt.js 是一个基于 Vue.js 的通用应用框架。

通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。

我们的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js。

Nuxt.js 预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。

除此之外，我们还提供了一种命令叫：nuxt generate，为基于 Vue.js 的应用提供生成对应的静态站点的功能。

我们相信这个命令所提供的功能，是向开发集成各种微服务（microservices）的 Web 应用迈开的新一步。

作为框架，Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提供了许多有用的特性，例如异步数据加载、中间件支持、布局支持等。

3.React服务端渲染框架NEXT.js介绍

next.js官方资料：https://nextjs.org/learn/

next.js参考资料：https://juejin.im/entry/59791d8f6fb9a03c391b557e

 

------未完待续