Vuejs学习笔记(三)-12.路由基础概念

一、路由

路由作用：A在公网IP1给公网IP2的B发送一条信息msg1，到了公网IP2后，msg1信息会进入公网IP2的内部路由器，再有路由器参照路由内部IP与B所在的电脑mac地址分配信息给B。因此，路由的核心是内部有一个内网IP与电脑MAC的对应关系映射表。

 

二、前端渲染，后端渲染

 

阶段一：后端渲染（后端路由）

结构：前端浏览器，后端服务器

背景: 没有专业的前端人员。网页都是后端开发来写。

逻辑: 前端浏览器请求url1,而url1对应的网页存放在后端服务器（url与网页的映射关系在后端），网页内有html+css+java代码（jsp）。

流程: 前端浏览器请求url1,服务器根据url1找到网页1，将网页1的内容推给或则前端下载网页在浏览器展示。

缺点：1.导致浏览器请求不同的url，都要去服务器一次次请求页面。服务器压力大。

           2.前端人员想要修改网页还要懂java.

           3.后端人员不仅要开发逻辑，还要开发前端。

 

阶段二：前端渲染(前后端分离阶段)

结构：前端浏览器，后端静态资源服务器(html+css+js)(url和静态资源的映射关系维护在该服务器)，后端API服务器

逻辑：前端请求url，第一步根据url去静态资源服务器请求对应的Html+css+js资源到本地，第二步浏览器读取js文件，再想后端API服务器请求数据，第三步在前端浏览器渲染页面及数据。

优点：后端不用写前端代码。

缺点：后端静态服务器放了每个url和对应页面的静态资源

 

阶段三：前端路由(spa页面)

SPA单页面富应用

结构：前端浏览器，后端API服务器，静态资源服务器(html+css+js)

逻辑：前端浏览器一次性将所有资源（html+css+js）下载到客户端本地。然后请求不同的url时，就通过前端路由映射关系去渲染需要的前端组件,然后组件中有js，再去API服务器请求数据

前端路由：url1：xxxx/home 组件

                  url2: xxxxx/about 组件