路由

编辑 随着Internet的 发展 ， 局域网 和 广域网技术 得到了广泛的推广和应用。 数据交换技术 从简单的电路交换发展到二层交换，从二层交换又逐渐发展到今天较成熟的三层交换，以致 发展 到将来的高层交换。 三层交换技术就是：二层交换技术+三层转发技术。它解决了局域网中 网段 划分之后，网段中子网必须依赖路由器进行管理的局面，解决了传统路由器低速、复杂所造成的网络瓶颈问题。 中文名 三层交换技术 别 称 多层交换技术 简 介 二层交换技术+三层转发技术 相 对 传统交换概念 目录 1 概念 ▪ 产生 ▪ 交换原理 ▪ 种类 ▪ 选型 2 应用实例 ▪ 横向比较 ▪ 发展前景 3 概述 ▪ 起源 ▪ 交换技术 ▪ 比较 ▪ 变革 ▪ 演变 4 不足 5 前景分析 6 技术链接 7 控制列表 8 服务质量 9 功能 概念 编辑 三层交换（也称多层交换技术，或IP交换技术）是相对于传统交换概念而提出的。众所周知，传统的交换技术是在OSI 网络标准 模型中的第二层—— 数据链路层 进行操作的，而三层交换技术是在 网络模型 中的第三层实现了 数据包 的高速转发。简单地说，三层交换技术就是：二层交换技术+三层转发技术。 三层交换技术的出现，解决了 局域网 中 网段 划分之后，网段中子网必须依赖 路由器 进行管理的局面，解决了传统路由器低速、复杂所造成的 网络瓶颈 问题。 产生

不同VLAN之间相互通信的两种方式 （单臂路由、三层交换） 试验环境： 东郊二楼第三机房 试验设备： Catalyst 2950-24（SW3） Cisco 2611(R2) Catalyst 3750 SERIES (带两个SD接口，S8----SW-2L) 真机（PC5、PC6）。 试验目的： 1、通过单臂路由实现不同VLAN之间的通信 2、通过三层交换路由功能实现不同VLAN之间的通信 网络拓扑图： 1、单臂路由实现不同VLAN互通试验网络拓扑图 2 、三层交换实现不同VLAN互通实验网络拓扑图 实验步骤： 单臂路由实现不同 VLAN 互通试验步骤 一、 交换机 SW3 的具体配置（主要配置 vlan 和 trunk 接口） 1、在SW3上创建vlan 100、vlan200、vlan300，名称依次为caiwu、xiaoshou、gongcheng。（创建vlan既可以在vlan database中，也可以在全局模式下配置，本实验是在vlan database中配置的） 2、在全局模式下，将f0/1 – 5号端口划分到vlan 100中，f0/6– 10口划分到vlan 200中，f0/11 – 15号端口划分到vlan 300中，并全部配置成access模式。 3、使用show vlan显示SW3的vlan配置信息，可以看出配置正确） 4

第10章 路由 一个应用是由若个视图组合而成的，根据不同的业务逻辑展示给用户不同的视图，路由则是实现这一功能的关键。 10.1 SPA SPA（Single Page Application）指的是通单一页面展示所有功能，通过Ajax动态获取数据然后进行实时渲染，结合CSS3动画模仿原生App交互，然后再进行打包（使用工具把Web应用包一个壳，这个壳本质上是浏览器）变成一个“原生”应用。 在PC端也有广泛的应用，通常情况下使用Ajax异步请求数据，然后实现内容局部刷新，局部刷新的本质是动态生成DOM，新生成的DOM元素并没有真实存在于文档中，所以当再次刷新页面时新添加的DOM元素会“丢失”，通过单页面应可以很好的解决这个问题。 10.2路由 在后端开发中通过URL地址可以实现页面（视图）的切换，但是AngularJS是一个纯前端MVC框架，在开发单页面应用时，所有功能都在同一页面完成，所以无需切换URL地址（即不允许产生跳转），但Web应用中又经常通过链接（a标签）来更新页面（视图），当点击链接时还要阻止其向服务器发起请求，通过锚点（页内跳转）可以实现这一点。 实现单页面应用需要具备： a、只有一页面 b、链接使用锚点 通过上面的例子发现在单一页面中可以能过hashchange事件监听到锚点的变化，进而可以实现为不同的锚点准不同的视图，单页面应用就是基于这一原理实现的。

react 基础路由 首先需要安装路由插件： npm i react-router-dom 然后在App.js中导入： import { BrowserRouter as Router , Switch , Route , Link } from 'react-router-dom' ; 写两个组件: Home组件： import React , { Component } from 'react' export default class Home extends Component { render ( ) { return ( < div > 首页 < / div > ) } } List组件： import React , { Component } from 'react' export default class List extends Component { render ( ) { return ( < div > 列表 < / div > ) } } 在App.js中导入组件： < div className = "App" > < Router > < Link to = "/" > 首页 < / Link > < Link to = "list" > 列表 < / Link > < Switch > < Route path = "/" component

刷入Breed BootLoader： 因为这个K1路由器可以开启telnet服务，所以此处刷Breed可以不使用编程器刷Flash芯片的方法进行。 1.打开K1路由器的Telnet服务。 电脑通过有线的方式连接路由器（为了不必要的麻烦，这里建议用有线连接），在浏览器中输入： http://192.168.2.1/goform/Diagnosis?pingAddr=192.168.2.100|echo""|telnetd 2.在电脑上打开Telnet软件，连接路由器。 Password: 3.备份原uboot。 首先查看系统分区： mtd6: 00010000 00010000 "nvram" 确定有bootloader，导出bootloader到/tmp下 # cat /dev/mtd1 > /tmp/uboot.bin 通过TFTP服务，将备份的bootloader导入到电脑上。 # tftp -p -r mtd1.bin -l mtd1.bin 192.168.2.100 3.开始刷入Breed。 将breed文件传入路由器中，这里可以通过HTTP和TFTP这两种方式。 HTTP方式：（需要路由器能上网） breed-mt7620-reset1. 100% |*******************************| 81685 00:00:00 ETA TFTP方式：

一：enable密码 1：明文密码 (config)#enable pass xxx ---这种加密是以明文显示 #service password-encryption---将明文密码加密 2：直接密文加密 (config)#enable secret xxx ---密码直接密文加密 注：当password密码和secret密码同时存在时 (1)：两者的密码不能配置同样的。 (2)：secret密码优于password密码。 二：密码恢复 寄存器的值：用于更改路由器启动时加载的文件。 0x2102：表示路由器启动时自动加载startup-config文件（默认值） 0x2142：----------------------不加载任何配置。 (一)路由器的密码恢复（首先要保证配置已保存） 1：重启过程中，按ctrl+break（Fn+break）（联想：ctrl+fn+b 其它：ctrl+c）键进入ROMMON模式。 2：修改寄存器的值：confreg 0x2142 boot ---重启 3：将startup-config导入到running-config中。 Router#copy startup-config running-config 4：show run查看配置信息，删除或者修改enable密码 5：将寄存器的值改回来。 (config)#config-register

Vue Router 组件嵌套和路由嵌套是一一对应关系 默认子路由： 1、父路由上不加 name 字段，加在子路由上； 　　　　　　2、或者 默认子路由上 path:""; 路由的精确匹配： 　　<router-link to="/user" exact></router-linke> 修改路由默认类： 　　linkActiveClass linkExactActiveClass 路由重定向，路由跳转 　　redirect 路由别名 　　路由的匹配规则 依然是 path； 　　别名”的功能让你可以自由地将 UI 结构映射到任意的 URL，而不是受限于配置的嵌套路由结构 组件内守卫 　　beforeRouteEnter 在渲染该组件的对应路由被 confirm 前调用,组件实例没有被创建（this不能用） 　　beforeRouteUpdate 在当前路由改变，但是该组件被复用时调用（foo/1 ---> foo/2, foo组件被复用，调用） 　　beforeRouteLeave 导航离开该组件的对应路由时调用 404页面配置 　　{path："*",component:404Component} 　　path匹配规则 为 星，任意的 　　放在路由记录的末尾 路由组件 　　直接和路由绑定的组件称为路由组件 　　路由组件才能访问 路由对象： router route 　

MTU是什么？ 　　“MTU=最大传输单元　单位：字节” 　　我们在使用互联网时进行的各种网络操作，都是通过一个又一个“数据包”传输来实现的。而MTU指定了网络中可数据传输包的最大尺寸，在我们经常使用的以太网中，MTU是1500字节。超过此大小的数据包就会将多余的部分拆分再单独传输。 为什么MTU影响网络性能？ 　　让我们看看这个情况，在Windows系统中，默认MTU值也是1500字节，可是“不同的接入方式、不同地区的网络运营商、不同的路由器”有着不同的MTU设置。 　　比如：ADSL接入时MTU为1492字节，如果A须要给B传输3000字节数据，如果整个传输过程中各个环节的MTU都是1500，那么2个数据包就能够传输完毕。但是偏偏这时ADSL接入方式的MTU是1492字节，数据包就由于这个MTU差异额外拆分为3个（为了便于理解，临时不将“数据包报头”纳入考虑范围） 　　显然这额外添加了须要传输的数据包数量，并且拆包组包的过程也浪费了时间。假设从本地到网络採用一致的MTU就能够避免额外拆包。 对下载速度的影响会有多大？ 　　就拿伊文家里的线路质量不太好的电信4M带宽为例，将操作系统的MTU值改为1492，再将路由器的MTU值从1460改为1492后，下载速度从原本的435KB/s提升到了450KB/s，提升了15KB/s。电信的带宽检測工具的检測结果也从4.09M提升到了4

MTU是什么？ 　　“MTU=最大传输单元　单位：字节” 　　我们在使用互联网时进行的各种网络操作，都是通过一个又一个“数据包”传输来实现的。而MTU指定了网络中可数据传输包的最大尺寸，在我们经常使用的以太网中，MTU是1500字节。超过此大小的数据包就会将多余的部分拆分再单独传输。 为什么MTU影响网络性能？ 　　让我们看看这个情况，在Windows系统中，默认MTU值也是1500字节，可是“不同的接入方式、不同地区的网络运营商、不同的路由器”有着不同的MTU设置。 　　比如：ADSL接入时MTU为1492字节，如果A须要给B传输3000字节数据，如果整个传输过程中各个环节的MTU都是1500，那么2个数据包就能够传输完毕。但是偏偏这时ADSL接入方式的MTU是1492字节，数据包就由于这个MTU差异额外拆分为3个（为了便于理解，临时不将“数据包报头”纳入考虑范围） 　　显然这额外添加了须要传输的数据包数量，并且拆包组包的过程也浪费了时间。假设从本地到网络採用一致的MTU就能够避免额外拆包。 对下载速度的影响会有多大？ 　　就拿伊文家里的线路质量不太好的电信4M带宽为例，将操作系统的MTU值改为1492，再将路由器的MTU值从1460改为1492后，下载速度从原本的435KB/s提升到了450KB/s，提升了15KB/s。电信的带宽检測工具的检測结果也从4.09M提升到了4

原文地址 this.$router.push跳转 现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。 父组件中： <li v-for="article in articles" @click="getDescribe(article.id)"> methods： 方案一： getDescribe(id) { // 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describe/${id}`, }) 方案一，需要对应路由配置如下： { path: '/describe/:id', name: 'Describe', component: Describe } 很显然，需要在path中添加/:id来对应 $router.push 中path携带的参数。在子组件中可以使用来获取传递的参数值。 this.$route.params.id 方案二： 父组件中：通过路由属性中的name来确定匹配的路由，通过params来传递参数。 this.$router.push({ name: 'Describe', params: { id: id } }) 对应路由配置: 注意这里不能使用:/id来传递参数了，因为父组件中，已经使用params来携带参数了。 { path: '/describe',