服务端渲染（后端路由阶段）、 前后端分离（后端路由阶段） 、SPA页面（前端路由阶段）

这是我学习vue的整理笔记。是我对各个视频和文档的综合理解，以备我日后复习存储。如果有错误的地方，还请各位大佬多多赐教。

一、什么是路由？

1、说起路由，我们大多数都会想到家里的路由器，如下：

2、网络工程专业来说，路由就是路由和转送 ：

• 路由：是决定数据包从来源到目的地的路径
• 转送：将输入端的数据转移到合适的输出端

3、但是对于我们写代码的来说，我觉得可以简单的理解为url（统一资源定位），如下：

路由中有一个非常重要的概念叫路由表。路由表本质上就是一个映射表, 决定了数据包的指向，也就是我们页面跳转的路径。

二、路由的发展阶段

服务端渲染（后端路由阶段） -> 前后端分离（后端路由阶段） -> SPA页面（前端路由阶段）

2.2、服务端渲染（后端路由阶段）

       1、后端渲染：服务器直接生产渲染好对应的HTML页面, 返回给客户端进行展示。
       2、后端路由：后端处理URL和页面之间的映射关系。

服务端渲染的好处：

• 前端资源消耗少， 所有的数据和模板组合是在后端完成的，因此不占用客户端的运算资源(模板解析)
• 首屏加载时间快，因为浏览器获取的就是一个完整的页面，因此获取后浏览器直接可以渲染视图
• SEO优化好, 因为SEO蜘蛛在获取页面内容的时候是一个完整的页面内容,可以更好的分析页面内容

服务端渲染的坏处:

• 占用太多服务器 资源

2.3、前后端分离（后端路由阶段）

       1、随着Ajax的出现, 有了前后端分离的开发模式。
       2、后端只提供API来返回数据, 前端通过Ajax获取数据, 并且可以通过JavaScript将数据渲染到页面中。

前端渲染的好处:

• 网络传输数据量小,因为一个完整的页面是通过两次请求获取的
• 模板在前端,因此可以通过请求不同的数据改变页面显示结果,进而减少后端渲染时,每次请求都会返回模板解析后的结果，不占用服务器资源

前端渲染的坏处:

• 前端资源消耗较多,因为模板的解析和数据的处理都是需要前端处理
• 对于SEO优化不是特别的友好, 因为搜索引擎蜘蛛获取的是页面模板,没法分析页面全部内容

2.3、SPA页面（前端路由阶段）

       1、SPA页面俗称单页面富应用，最主要的特点就是在前后端分离的基础上加了一层前端路由。
       2、改变URL，但是页面不进行整体的刷新。