路由

在 Vue 官方文档中提到，当使用路由参数时，例如从 /user?id=1 导航到 /user?id=2 ， 原来的组件实例会被复用 。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。 不过，这也意味着组件的生命周期钩子不会再被调用。 但是有时候确实需要通过刷新界面渲染不同的数据，官方也给出了两种方法决绝组件复用的问题。 watch (监测变化) $route 对象： < script > export default { ... watch : { '$route' ( to , from ) { // 对路由变化作出响应... } } } < / script > beforeRouteUpdate 导航守卫： < script > export default { ... beforeRouteUpdate ( to , from , next ) { // react to route changes... // don't forget to call next() } } < / script > 这两种方法在路由发生变化时，可以发送网络请求，将请求的数据渲染到页面中，因为 Vue 是一个响应式框架，当数据发生改变，界面的数据也发生改变。 来源： CSDN 作者： 夜空中最亮的星 链接： https://blog.csdn.net/weixin

Nuxt.js提供两种方法为路由提供动画效果，一种是全局的，一种是针对单独页面的 全局动画默认使用page来进行设置，例如现在我们为每个页面都设置一个进入和退出时的渐隐渐现的效果。我们可以先在根目录的assets/css下建立一个main.css文件。 /assets/css/main.css(没有请自行建立) .page-enter-active, .page-leave-active { transition: opacity 2s; } .page-enter, .page-leave-active { opacity: 0; } 然后在nuxt.config.js里加入一个全局的css文件就可以了。 css:['assets/css/main.css'], 页面单独设置特殊的效果时，我们只要在css里改变默认的page，然后在页面组件的配置中加入transition字段即可。例如，我们想给commodity页面加入一个字体放大然后缩小的效果，其他页面没有这个效果。 在全局样式assets/main.css 中添加以下内容。 .commodity-enter-active, .commodity-leave-active { transition: all 2s; font-size:12px; } .commodity-enter, .commodity-leave

Nuxt 路由可以使用a标签进行链接跳转，例如我们创建了一个demo.vue的文件 <p> <a href="/demo">跳转去Demo页面</a> </p> 但是Nuxt中有专属的标签 nuxt-link, 因此上次可以改写为： <p> <nuxt-link :to="{name: 'demo'}">跳转去Demo页面</nuxt-link> </p> 注： 在实际开发中，尽量使用标签进行跳转 Nuxt传参其实也是比较好理解的 例如我们现在新建一个commodity.vue文件，然后新建一个details文件夹，并新建一个index.vue , 要求是从commodity.vue 传递参数， 在index.vue 中接收 commodity.vue <p> <nuxt-link :to="{name: 'details', params: {id: 123}}">跳转去Demo页面</nuxt-link> </p> index.vue <p>传递过来的参数：{{$route.params.id}}</p> 来源： https://www.cnblogs.com/hspl/p/12369819.html

self.$router.push({name:'login',params:{ordermark:ordermark,lang:lang}}); window.location.reload(); 。 来源： https://www.cnblogs.com/fqh123/p/12368400.html

创建视图： 在APP下打开views.py文件，没有则新建一个同名文件,写入下面内容： from django.http import HttpResponse def test1(request): return HttpResponse("哈哈哈") urls中配置路由： from django.contrib import admin from django.urls import path from . import views urlpatterns = [ path('admin/', admin.site.urls), path('test1/',views.test1), ] views.test1 是主路由， test1/ 是设置的路由 在浏览器输入“http://127.0.0.1:8000/test1/”得到如下结果： from django.shortcuts import render,redirect,reverse from django.http import HttpResponse # Create your views here. def test1(request): return HttpResponse("doc目录下的test1") def test2(request,**kwargs): # 接收从url中传入的参数 a =

Dubbo Dubbo是一个分布式服务治理框架，提供高性能和透明化的RPC远程服务调用方案及 SOA 架构治理方案。 远程通信 提供对多种基于长连接的NIO框架抽象封装，包括多种线程模型，序列化，以及 “ 请求-响应”模式的信息交换方式。 集群容错 提供基于接口方法的透明远程过程调用，包括多协议支持，以及软负载均衡，失败 容错，地址路由，动态配置等集群支持。 自动发现 基于注册中心目录服务，使服务消费方能动态的查找服务提供方，使地址透明，使 服务提供方可以平滑增加或减少机器。 springboot整合dubbo 引入依赖 在服务提供者、消费者工程中的pom.xml文件中添加依赖。 配置Dubbo相关参数 启动类添加 @EnableDubbo 注解 服务提供方和服务消费方 实现服务提供者和消费者 服务治理和配置管理 服务治理 服务治理主要作用是改变运行时服务的行为和选址逻辑，达到限流，权重配置等目的，主要有以下几个功能： 应用级别的服务治理 在Dubbo2.6及更早版本中，所有的服务治理规则都只针对服务粒度，如果要把某条规则作用到应用粒度上，需要为应用下的所有服务配合相同的规则，变更，删除的时候也需要对应的操作，这样的操作很不友好，因此Dubbo2.7版本中增加了应用粒度的服务治理操作，对于条件路由(包括黑白名单)，动态配置(包括权重，负载均衡)都可以做应用级别的配置：

一、链路层转发 　　交换机：根据Mac地址 转发数据帧 。 交换机内 有一张 记录着局域网 主机MAC地址与交换机接口的对应关系的表 ，交换机就是根据这张表负责将数据帧传输到指定的主机上的。 　　工作原理：交换机在接收到数据帧以后，首先、会记录数据帧中的源MAC地址和对应的接口到MAC表中，接着、会检查自己的MAC表中是否有数据帧中目标MAC地址的信息，如果有则会根据MAC表中记录的对应接口将数据帧发送出去(单播)，如果没有，则会将该数据帧从非接受接口发送出去(广播)。 　　单个交换机传输数据帧过程： 在pc1上ping pc2的ip，在构造icmp报文前，需要知道目标主机的mac地址，由于此时pc1上没有匹配的mac地址条目，pc1将会先发送广播报文。 交换机收到此数据帧后，首先将数据帧中的源MAC地址和对应的接口(接口为feth26) 记录到MAC地址表中。 然后交换机会检查自己的MAC地址表中是否有数据帧中的目标MAC地址的信息，如果有，则从MAC地址表中记录的接口发送出去，如果没有，则会将此数据帧从非接收接口的所有接口发送出去(也就是除了feth26接口)。 这时，局域网的所有主机都会收到此数据帧，但是只有主机B收到此数据帧时会响应这个广播，并回应一个数据帧，此数据帧中包括主机B的MAC地址。 当交换机收到主机B回应的数据帧后，也会记录数据帧中的源MAC地址

vue跳转时路由相同但参数不同 问题 解决 方案一：watch 方案二：beforeRouteUpdate 问题 在开发vue项目中遇到一个问题：两个导航共用一个显示界面，我打算通过路由传参的形式进行区别，利用vue的钩子，调用不同的查询接口： // 错误示范 this . $router . push ( { //导航一 path : "/logindex" , name : 'logindex' , params : { logType : 1 } } ) ; this . $router . push ( { //导航二 path : "/logindex" , name : 'logindex' , params : { logType : 2 } } ) ; 但是我发现在两个导航之前切换时，vue不会重新加载组件，进而无法调用生命周期中的钩子，就导致页面数据无法更新。 解决 方案一：watch 第一步：改造路由 { path : '/logindex/:logType' , name : 'logindex' , component : ( ) => import ( '@/page/Logindex.vue' ) } 跳转 this . $router . push ( { //导航一 path : "logindex:logType" , name :

在r4上做路由引入， Isis引入rip，rip引入isis, 如果不做策略，r5获取20.0.0.1/32路由路径如下： [r5]tracert 20.0.0.1 1 3.3.3.1 60 ms 30 ms 20 ms 2 1.1.1.2 60 ms 30 ms 40 ms 3 2.2.2.2 50 ms 40 ms 30 ms 产生次优路径。为什么？ 因为isis的路由优先级为15，而rip路由优先级为100，这样 r5 获得20.0.0.1 路由就会产生次有路由。 如何解决？ 在r5上做策略，禁止接收在ISIS进程下的源目的地址为：20.0.0.1的路由即可，这样20.0.0.1就只能走rip路由协议。配置如下： r3 isis 1 network-entity 10.0000.0000.0001.00 interface GigabitEthernet0/0/0 ip address 1.1.1.1 255.0.0.0 isis enable 1 interface GigabitEthernet0/0/1 ip address 3.3.3.1 255.0.0.0 isis enable 1 r4 isis 1 network-entity 10.0000.0000.0002.00 import-route rip 1 interface GigabitEthernet0

OSPF 多区域配置 ABR：area border router ，区域边界路由器 -作用 实现不同区域之间的互通； -定义 同时连接骨干区域和非骨干区域的路由器； OSPF为什么会引入/划分区域？ 划分区域以后，可以带来以下好处： 1、节省区域中的每一个设备的系统资源 （大区域被划分以后，小区域中的数据库内容就会变少） （同一个区域中的所有的路由器，数据库是完全相同） 2、增强 OSPF 网络的稳定性 （一个不稳定链路造成的不良影响，仅在同一个区域） （中传播，不会影响到其他区域） 验证过程中： 1、有些路由条目反应的并不是对应端口的真实的网络地址；---> 网络类型； 2、在华为设备中， OSPF 的管理距离(preference)是10；度量值，称之为 cost（开销） 路由协议 - 路由宣告方式 1、network : 凡是以该方式进入协议的，我们称之为内部路由 在 LS 路由协议中，内部路由，有细分为：区域内和区域间； 2、import-route : 凡是以方式进入协议的，我们称之为外部路由 (redistribute) 在 LS 协议中，外部路由分为 type 1 和 type 2 ，默认是2 拓扑配置内容： 1、OSPF建立邻居；（手动指定了 OSPF RID ） display ospf peer brief 2、验证邻居表和路由表 display ospf