路由

实验环境 实验拓扑图 实验编址 实验步骤 在各个路由器中进入端口以后，用 ip address 命令来设置各个端口的ip地址。以R1为例。 首先实现两分部之间，总部与两分部之间的通信。在R1，R2，R3上分别进行如下静态路由的配置。 配置完成以后使用命令 display ip routing-table 查看R1的路由表。发现R1上已经存在以主机PC2为目的的路由条目。 此时测试PC1与PC2的连通性，发现两台主机已经可以ping通。 此时可以用 tracert 命令来测试所经过的网关。发现数据经过R1和R3到达PC2的。在PC2上也可以ping通PC1并且是通过R3和R1到达PC1的，这里就不再展示了。 然后在公司总部测试到达两个分部的连通性。均可以正常到达。 我们可以设置路由备份使R3链路故障时，PC1的数据仍然可以通过R2那条链路发送给PC2。 在R1上指定下一条为R2并将优先级设置为100。（默认为60） 再次查看R1的路由表。但是发现路由表中数据没有变化。 使用命令 display ip routing-table protocol static 查看静态路由的路由信息。此时优先级为100 和60的两条链路均已存在。在R3上做相同的配置，使PC2到达PC1时也可以经过两条路径，此处不再展示。 将R1的S1/0/1端口关闭测试备份路由的可行性。使用 tracert

1.动态路由 在路由index.js中配置路由规则 在需要跳转的位置写需要跳转的组件以及需要传递的参数 参数的接收 2.普通路由 在路由index.js中配置路由规则 在需要跳转的位置写需要跳转的组件以及需要传递的参数 参数的接收 来源： https://www.cnblogs.com/wx2019/p/11966576.html

TCP/IP详解 IP路由选择 在本篇文章当中, 将通过例子来说明IP路由选择器过程 如图所示, 主机A与主机B分别是处在两个不同的子网当中, 中间通过一个路由连接. 如果主机A请求与主机B进行通行, 主机A寻找主机B的位置的过程就可以理解为IP路由的选择过程. 现在主机A的用户通过Ping命令确认与主机B的连通性. Ping命令看似简单, 但是其中IP路由选择的过程还是会有很多的步骤. 具体的步骤如下 : 当主机A上输入12.34.56.78之后, 主机A的因特网控制报文协议(ICMP)创建一个回应请求数据包, 其数据域中只包含有字母. ICMP协议会将刚刚创建的回应请求数据包(有效负荷)转交给因特网协议(IP协议)。IP协议会对这个数据包进行封装，创建一个数据包。在IP协议创建的数据包中，包括主机A的IP地址，目的主机B的IP地址以及值为01h的协议字段。当数据包达到主机B时，主机B通过判断协议字段01h，将这个有效负荷交给ICMP协议处理。 IP协议创建数据包后，会判断目的主机B的IP地址是处于本地网络中还是处于远程网络。根据IP地址规则，主机A、B属于不同网络。此时IP协议所创建的数据包会被发送到默认的网关。(在每个终端设备中，网络配置中需要包含自身的IP地址，以及默认到的网关地址。在不同网络之间的主机互相通信，依靠的就是网关设备) 如图中所示，默认的网关就是图中的路由器

【重点】 　　history与hash路由的区别 hash前端路由，无刷新 history 会去请求接口 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id ，也好看！ 不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。 所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。 . 【文章参考】 vue-router提供两种模式的原因： vue 是渐进式前端开发框架，为了实现 SPA ，需要引入前端路由系统（vue-router）。前端路由的核心是：改变视图的同时不会向后端发出请求。 为了达到这一目的，浏览器提供了 hash 和

审查代码，查看激活类名 （1）设置激活类名样式 　　 （2）也可以在路由文件里配置激活类名的别名 　　 （3）配置别名后再次审查，如下所示 　　 　　此时可以直接配置active类名样式即可 　　 此时便可以实现路由高亮效果 . 来源： https://www.cnblogs.com/jianxian/p/11965741.html

二层交换机和三层交换机 写在前面，本文旨在解决之前提到的一个知识点，即就是清楚二层交换机和三层交换机的区别。上一篇文章讲的是家用路由器产品相关介绍，具体见 《以太网交换芯片及PHY处理相关》 二层交换机和三层交换机之间的区别 二层交换机的应用十分广泛，因此对于我们来说并不陌生，但是随着网络复杂性的增加以及应用需要更高速的网络和更多的功能，三层交换机迅速崛起，并一度成为数据中心和大型企业的企业网络部署首选。 什么是二层交换机？ 如下图所示，二层交换机是数据链路层设备，由于它工作于OSI模型的第2层，并且使用的是二层交换技术，因此被称为二层交换机。二层交换技术比较成熟，它具有识别数据包中MAC地址信息、根据MAC地址转发和将MAC地址与对应端口记录在地址表中等多种功能，但当需要数据流量在LAN或VLAN之间交换时，则需要使用三层交换机。 二层交换机如下： 什么是三层交换机？ 如下图所示，三层交换机存在于二层交换机和网关路由器之间，使用的是三层交换机技术，这种技术也称多层 交换技术或IP交换技术，简单讲就是将路由技术与交换技术合二为一，优势是当同样的数据流再次通过时，将此表 直接从二层通过，这样减少了因为路由器的路由选择而造成网络的延迟，也可以大大提高转发效率。三层交换机的 数据包转发由硬件来高速支持，而路由信息更新、路由表维护、路由计算和确定等功能则由软件来支持。需要注意 的是

一、作为一个linux的疯狂热爱者，我们首先需要掌握的就是在linux系统下怎么配置IP、路由和主机名基本的linux网络配置，当然如果要我们接入互联网基本的IP地址配置还是不够的，访问网络的话我们需要配置我们的域名解析服务器DNS，下面作为菜鸟的我就把我们平常用到的基本网络配置命令来和大家介绍一下，写的不好的话，还请见谅~~~~~ 本篇主要介绍linux下网络查看、配置的基本命令：ifconfig、ip、route，然后捎带介绍下DNS、主机名等信息的配置！ 二、我们在配置网络之前，首先我们来认识一下linux系统下网络接口的类型和命名规则以及网络地址的类型 1、网络接口类型： lo：本地回环接口 eth[0-9]：以太网接口 pppx：点对点的连接 当然我们平常用到的也就是lo和以太网接口这两种类型回环环接口lo只是我们用在系统内部进行回环测试的，至于eth的以太网接口就是我们经常用来连接网线的那个物理接口了。 2、以太网网卡的命名规则： 在不同的系统之下其命名规则是不尽相同的，我们这就以RedHat 5-32bit的系统为例： REHL 5-32bit：以太网网卡命名规则的定义文件为/etc/modprod.conf 3、网络地址类型： 暂时性网络地址：利用ifconfig等命令配置的网络信息，会立即生效，但重启网络服务或系统会失效 永久性的网络地址

1: hash 2: history 区别： 前者地址栏会带有#，后者没有，显得美观一点 路由原理：前段路由实现本质是监听URL的变化，然后匹配路由规则显示相应页面，并且无须刷新。 hash模式： a: 点击或浏览器历史跳转时，触发onhashchange事件,然后根据路由规则匹配显示相应页面(遍历路由表，装载相应组件到router-link)； b: 手动刷新时,不会像服务器发送请求（不会触发onhashchange），触发onload事件，然后根据路由规则匹配显示相应页面； history模式： a:跳转时会调用history.pushState方法,根据to属性改变地址，并切换相应组件到router-link; b:浏览器历史操作（前进，后退）,只会改变地址栏（页面内容不会变）,不会切换组件，需要使用popstate方法来切换组件； c: 手动刷新,需要后端配合重定向，不然404 来源： https://www.cnblogs.com/guanm/p/11964600.html

使用 Vue.js 做项目的时候，一个页面是由多个组件构成的 ，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运 而生。 官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要 demo，但是博客中的这个案例被我删掉了，我只好随手写了一个超简单的 demo，希望能有所帮助 链接: https://pan.baidu.com/s/1pMfi5tD 密码: pjwx 这次的实例主要实现下图的效果： 项目结构： 一、配置 Router 用 vue-cli 创建的初始模板里面，并没有 vue-router，需要通过 npm 安装 cnpm i vue-router -D 安装完成后，在 src 文件夹下，创建一个 routers.js 文件，和 main.js 平级 然后在 router.js 中引入所需的组件，创建 routers 对象 import Home from './components/home.vue' const routers = [ { path: '/home' , name: 'home' , component: Home }， { path: '/' , component: Home }， ] export default

vue2.0使用嵌套路由实现页面跳转切换/公用一级菜单控制页面内容切换/routes配置children demo需求分析： 图中菜单区域为header公用组件，点击相应的菜单选项跳转到对应的路由，在菜单下区域加载相应组件的内容。 以下两图分别为点击“我的电站”、“个人中心”的效果 demo结构介绍： 登录成功后，跳转到index页面，并默认显示index/UserStation（我的电站），index为一个组件，其他各个子菜单为一个组件，公共header为一个组件。 路由配置代码： header组件关键代码: 基于Element-ui（只需要留意红框部分）：Element-ui知识请参考Element-ui官网，handleSelect函数调用时，告知父组件props中的active已经更新。 index.vue 解释：index.vue中引用header组件，并向header组件传入active，此active在子组件中需要被修改，因此需要使用.sync实现props在header组件与index组件中共享，.sync相关知识可查询vuejs官网。 router-view用于挂载匹配到的路由组件（比如：UserStation的内容）。 观察active的变化，当active变化时，push active的值到路由中，路由匹配到实现页面切换。 注：登录成功时this.