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网络请求会有很方便的作用。

路由【前端路由和后端路由】(在这吹不出褶皱的平静日子,你也在闪闪发光)相关推荐

  1. [Vue.js] 路由 -- 前端路由

    路由的基本概念与原理 路由 本质是对应关系 后端路由 概念 : 根据不同的用户URL请求,返回不同的内容 本质 : URL请求地址与服务器资源之间的对应关系 SPA 后端渲染(存在性能问题) Ajax ...

  2. 纯html页面怎么进行路由,前端路由一探

    什么是前端路由 路由,引导.指路之意. 譬如我们熟知的路由器,蹦跶在网络层的数据包转发设备,在网络中也是扮演着指路明灯的角色,肩负着将数据包正确导向目的地址的重任. 前端路由也借用了这个词,但是承担的 ...

  3. Vue(小码哥王洪元)笔记06路由,url的hash,history,router-linke,路由跳转,动态路由,懒加载,路由嵌套,router参数传递,导航守卫

    1.什么是路由 路由器提供了两种机制:路由和传送 路由:数据报从来源到目的地的路径 传输:将输入端的数据转移到合适的输出端 路由有一个非常重要的概念教路由表 路由表本质上就是一个映射表,决定了数据包的 ...

  4. 前端路由||路由的基本概念与原理||在开发中,路由分为:   后端路由   前端路由

    前端路由 路由的基本概念与原理 vue-router的基本使用 vue-router嵌套路由 vue-router动态路由匹配 vue-router命名路由 vue-router编程式导航 基于vue ...

  5. # Vue 配置前端后端路由地址

    Vue 配置前端后端路由地址 前端路由配置 配置项目地址 修改 config/index.js的配置文件 proxyTable: {'/api': { //使用"/api"来代替t ...

  6. 前端发展历程,前端路由和后端路由,到底有什么区别?

    路由是什么? 路由这个词语其实最开始的时候是网络工程里面一个专业的术语,当然随着随着我们生活中路由器的使用,我们最熟悉的可能就是路由器这个物品了. 事实上路由器主要维护的就是一个映射表,映射表则会决定 ...

  7. 前端路由 与 后端路由

    欢迎学习交流!!! 持续更新中- 文章目录 前端路由 后端路由 二者比较 前端路由的两种模式 hash histroy 二者比较 路由:路由是根据不同的 url 地址展示不同的内容或页面,是指分组从源 ...

  8. 学习随笔1——前端路由和后端路由

    一.后端路由阶段:后端处理URL和页面之间的映射关系. 后端渲染,即服务器渲染(早期): 例如jsp:java server page(html+css+java:从数据库中读取数据,并将它动态的放在 ...

  9. 【前端路由原理--原生JS实现方式】--前后端路由的区别、关于单页面应用与多页面应用、什么是CSR、SSR、SSG、ISP

    前言 本来只是想学习 React-Router v6 ,没有想到,带出了这么多东西.前后端路由有什么区别?SPA与MPA的是什么?在了解到前端路之后又发现单页面于应用与多页面应用的不同之处,以及 .n ...

最新文章

  1. 计算机语言主要由一些指令组成这些指令包括,(计算机组成指令系统汇编语言.ppt...
  2. 安装Windows Vista
  3. mac下编译安装grafana 4.2.0
  4. ((sizeof(n)+sizeof(int)-1)~(sizeof(int)-1))
  5. 【极客blog图文讲解】Jekyll教程(针对mac linux)
  6. 使用JavaScript调用Microsoft XMLDOM库进行XML字符串的解析
  7. 把Liststring集合,编程string,并以“,”号分割
  8. 太难了!经营12年的明星机构都关停了,却还是有玩家疯狂入局
  9. java “lambda expressions not supported at this language level“
  10. mysql字符集修改(ubuntu)
  11. 1万字说清楚Receiver Operating curve(ROC) 受试者操作特征曲线
  12. 联想软件商店安装教程
  13. 算法与数据结构全阶班-左程云版系列目录
  14. 保存位图位图保存时上下颠倒?
  15. hbase 报:Java::JavautilConcurrent::TimeoutException:The procedure 1 is still running
  16. python-igraph基本用法(一)
  17. 人生于世上,有几个知己……
  18. Vue + Ant Design Vue 的分页pagination
  19. 【数据结构与算法】单链表的插入和删除
  20. mybatis association内嵌collection踩坑

热门文章

  1. 思维导图学习法 金融学基础课程思维导图分享
  2. javaSE-(regex)
  3. CleanMyMac清理垃圾时不断重复输入密码解决方法
  4. 计算机osta试题,全国计算机信息高新技术(osta)考试项目
  5. 前端进阶必备 — 手撕排序算法
  6. mot数据集_【多目标跟踪】搞不懂MOT数据集,会跑代码有啥用!
  7. nvidia orin简介
  8. mouseover事件
  9. 用mp4box来hint文件的操作很简单
  10. Windows还原系统后分区故障解决方案