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 组件
本文来自博客园,作者:kaer_invoker,转载请注明原文链接:https://www.cnblogs.com/invoker2021/p/14982575.html