路由【前端路由和后端路由】(在这吹不出褶皱的平静日子,你也在闪闪发光)
1.路由;程序开发的路由顾名思义:分为前端路由和后端路由。
2.后端路由:常说的后端路由通过用户请求的url分布到具体的处理程序,服务器接受到之后,返回HTML页面或直接渲染HTNL模板
简单点来说:就是后端路由通过用户输入要访问的url地址,然后服务器就会接受到这个请求,服务器会返回相对应的后端处理程序,这就是后端路由。
⭐️⭐️⭐️重要的是:当用户每一次想访问新页面时,都要向服务器发送请求,然后服务器会产生响应,返回新页面给浏览器,这一过程会产生一定的网络延迟。
3.前端路由:前端路由就是把不同路由对应不同的页面由前端来做,不涉及服务器,也不会产生网络延迟。
而前端路由一般来说大多开发于SPA(单页面应用)
主要通过:url里的hash(哈希地址)【url地址中(#号和后面的哈希值就为哈希地址)】
例:http://www.example.com/data#message
#message为哈希地址
⭐️⭐️⭐️前端路由为什么主要通过hash来完成路由的跳转呢:
1.改变hash值页面不会重新刷新
2.hash地址只用来指导浏览器的动作,对服务器不会产生响应,也不会发送到服务器
3.改变hash地址会产生历史记录,对于axjax,axios网络请求会有很方便的作用。
路由【前端路由和后端路由】(在这吹不出褶皱的平静日子,你也在闪闪发光)相关推荐
- [Vue.js] 路由 -- 前端路由
路由的基本概念与原理 路由 本质是对应关系 后端路由 概念 : 根据不同的用户URL请求,返回不同的内容 本质 : URL请求地址与服务器资源之间的对应关系 SPA 后端渲染(存在性能问题) Ajax ...
- 纯html页面怎么进行路由,前端路由一探
什么是前端路由 路由,引导.指路之意. 譬如我们熟知的路由器,蹦跶在网络层的数据包转发设备,在网络中也是扮演着指路明灯的角色,肩负着将数据包正确导向目的地址的重任. 前端路由也借用了这个词,但是承担的 ...
- Vue(小码哥王洪元)笔记06路由,url的hash,history,router-linke,路由跳转,动态路由,懒加载,路由嵌套,router参数传递,导航守卫
1.什么是路由 路由器提供了两种机制:路由和传送 路由:数据报从来源到目的地的路径 传输:将输入端的数据转移到合适的输出端 路由有一个非常重要的概念教路由表 路由表本质上就是一个映射表,决定了数据包的 ...
- 前端路由||路由的基本概念与原理||在开发中,路由分为: 后端路由 前端路由
前端路由 路由的基本概念与原理 vue-router的基本使用 vue-router嵌套路由 vue-router动态路由匹配 vue-router命名路由 vue-router编程式导航 基于vue ...
- # Vue 配置前端后端路由地址
Vue 配置前端后端路由地址 前端路由配置 配置项目地址 修改 config/index.js的配置文件 proxyTable: {'/api': { //使用"/api"来代替t ...
- 前端发展历程,前端路由和后端路由,到底有什么区别?
路由是什么? 路由这个词语其实最开始的时候是网络工程里面一个专业的术语,当然随着随着我们生活中路由器的使用,我们最熟悉的可能就是路由器这个物品了. 事实上路由器主要维护的就是一个映射表,映射表则会决定 ...
- 前端路由 与 后端路由
欢迎学习交流!!! 持续更新中- 文章目录 前端路由 后端路由 二者比较 前端路由的两种模式 hash histroy 二者比较 路由:路由是根据不同的 url 地址展示不同的内容或页面,是指分组从源 ...
- 学习随笔1——前端路由和后端路由
一.后端路由阶段:后端处理URL和页面之间的映射关系. 后端渲染,即服务器渲染(早期): 例如jsp:java server page(html+css+java:从数据库中读取数据,并将它动态的放在 ...
- 【前端路由原理--原生JS实现方式】--前后端路由的区别、关于单页面应用与多页面应用、什么是CSR、SSR、SSG、ISP
前言 本来只是想学习 React-Router v6 ,没有想到,带出了这么多东西.前后端路由有什么区别?SPA与MPA的是什么?在了解到前端路之后又发现单页面于应用与多页面应用的不同之处,以及 .n ...
最新文章
- 计算机语言主要由一些指令组成这些指令包括,(计算机组成指令系统汇编语言.ppt...
- 安装Windows Vista
- mac下编译安装grafana 4.2.0
- ((sizeof(n)+sizeof(int)-1)~(sizeof(int)-1))
- 【极客blog图文讲解】Jekyll教程(针对mac linux)
- 使用JavaScript调用Microsoft XMLDOM库进行XML字符串的解析
- 把Liststring集合,编程string,并以“,”号分割
- 太难了!经营12年的明星机构都关停了,却还是有玩家疯狂入局
- java “lambda expressions not supported at this language level“
- mysql字符集修改(ubuntu)
- 1万字说清楚Receiver Operating curve(ROC) 受试者操作特征曲线
- 联想软件商店安装教程
- 算法与数据结构全阶班-左程云版系列目录
- 保存位图位图保存时上下颠倒?
- hbase 报:Java::JavautilConcurrent::TimeoutException:The procedure 1 is still running
- python-igraph基本用法(一)
- 人生于世上,有几个知己……
- Vue + Ant Design Vue 的分页pagination
- 【数据结构与算法】单链表的插入和删除
- mybatis association内嵌collection踩坑