路由
Vue监听路由的变化
方式一：watch监听 通过watch监听，当路由发生变化的时候执行 watch:{ $route(to,from){ console.log(to.path); } }, // 或者 watch: { $route: { handler: function(val, oldVal){ consol ......
Django中关于路由匹配的源码分析
1: 关于路由 # django中， 路由的写法有很多，从最早一点几版本的 url(xxxxx) 的形式到后面re_path(xxxx) ,以及参考flask的 path(xxxx) 的格式。 # 无论是哪种 ，实现的功能本质上就是，匹配url和对应的额视图函数，换言之，就是，找到用户访问的url对 ......
3.web前端开发(Axios,前端工程化,Element,路由)
web前端开发(Axios,前端工程化,Element,路由) Axios Axios官网：https://www.axios-http.cn/ 定义: 引入Axios的js文件； <script src="js.axios-0.18.0.js"></script> 使用Axios发送请求，并获取响 ......
HCIA-动态路由
前言 当网络环境中只有一台路由器时，直连路由就够了 但若出现需要两台或更多路由器的网络环境，这时候就必须使用静态路由或动态路由 静态路由与动态路由对比如下： 静态路由 由网络管理员手工指定的路由 当网络拓扑发生变化时，管理员需要手工更新静态路由 动态路由 路由器使用路由协议从其他路由器那里获悉路由 ......
编程式导航——两种路由跳转方式
编程式导航：通过 JS 的方式实现路由跳转 如何实现点击按钮跳转？ 一、不传参： 1. 通过 path 路径跳转（简易方便） ① 简写： 按钮的点击事件中写 this.$router.push ( ' /路由路径 ' ) 比如：this.$router.push ( ' /search ' ) ② ......
vue项目打包，解决静态资源无法加载和路由加载无效(404)问题
打包后的项目静态资源无法使用，导致页面空白 静态资源无法使用，那就说明项目打包后，图片和其他静态资源文件相对路径不对，此时找到config里面的index.js，在build模块下加入assetsPublicPath: './', 如下图所示， 在History模式下配合使用nginx运行打包后的项 ......
Vue 路由——重定向
问题描述：网页打开，url 默认是 / 路径，未匹配到组件时，会出现空白 解决：重定向 → 匹配 path 后，强制跳转 path 路径 语法：{ path : 匹配路径 , redirect : 重定向到的路径 } const router = new VueRouter({ routes: [ ......
React跨路由组件动画
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：佳岚 回顾传统React动画 对于普通的 React 动画，我们大多使用官方推荐的 react-transition-group，其提供了四个基本组件 Tra ......
Vue实现a标签点击打开新页面但不触发路由跳转的效果
概要 对于一个a标签，原生效果有点击直接当前页跳转路由，按键（windows为ctrl，ios为command）+ 点击打开路由的新页面这两种效果 注意，第一种效果是a标签自带的，第二种效果是浏览器的行为。 如图为普通a标签和部分属性，点击跳转新路由/newapi，当然同时也会触发newUrl函数 ......
路由
Vue 中路由：路径 和 组件 的映射关系，根据路由就能知道不同的路径应该匹配渲染哪个组件 VueRouter 作用：修改地址栏路径时，切换显示匹配的组件 VueRouter 的使用步骤： 1. 五个固定步骤： ① 下载 VueRouter 模块到当前工程，版本 3.6.5（Vue2 对应的版本是 ......
服务器网络不通问题之缺少回指路由
遇到其他区域访问服务器网络不通问题。 进行排查： 1.telnet 目的ip 端口。结果失败。 telnet dst-ip dst-port 2.traceroute 目的IP。查看路径，发现路由到达目的服务器网关所在的交换机，然后没了。 traceroute dst-ip 3.查看交换机上的路由. ......
多网卡路由表
改路由表，同时电脑有多个网卡时候 可以同时上内外网。 查看路由表 ROUTE PRINT 删除默认路由 route delete 0.0.0.0 添加路由方法： 修改指定ip 修改指定网关（去网卡设置里看，或者看下面的教程） 用管理员命令行/powershell 执行添加route的指令 route ......
06vue之路由vue-router
1. 介绍 路由就是一种对应关系（Hash 地址与组件之间的对应关系），在Vue.js路由允许我们通过不同的url访问不同的内容 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这唯一的一个页面内完成。 此时，不同组件之间的切换需要通过前端路由来实现（在 SP ......
centos8添加永久路由
linux配置静态路由，一般使用ip route add添加临时路由，重启会丢失配置 永久配置路由方法： touch /etc/sysconfig/network-scripts/route-ens192 nmcli connection modify ens192 +ipv4.routes "10 ......
DCN 路由器
型号：DCN WL-7962AP 路由器使用AD电源，网线接POE口，另外一端接电脑 电脑IPV4设置成IP：192.168.1.15 子网掩码：255.255.255.0 网关可以不设置 DCN默认的账号和密码：账号是admin 密码是admin或者dcn_debug 登录管理台IP默认：192. ......
OSPF路由 与 ISIS路由 与路由学习对比
转载请注明出处： 1.OSPF 路由学习规律 OSPF使用链路状态数据库（Link State Database）来存储网络拓扑信息。每个OSPF路由器通过交换链路状态更新（Link State Updates）来了解整个网络的拓扑，并根据收到的链路状态更新构建自己的链路状态数据库。 OSPF路由学 ......
电信定制版腾达无线路由AC1203，重置后浏览器无法保存配置，持续提示正在检测你的联网方式的解决办法
问题： 电信定制版腾达无线路由AC1203，重置后电脑连上去，浏览器访问配置地址，但界面不显示WiFi名称，持续提示持续提示正在检测你的联网方式的，无法保存配置，无法继续配置路由器。 问题原因： 这是腾达的管理界面和新版的浏览器不兼容所致，新版的浏览器安全性高，有较多的限制，导致其API接口访问失败 ......
使用vue-router添加动态路由时遇到的坑
在开发后台管理的时候，用户登录时需要根据权限来分配路由，这时候可以在路由守卫里通过router.addRoute()方法动态添加路由。 import router from './router' import store from './store' import storage from '@/u ......
HCIA-静态路由
前言 当网络环境中只有一台路由器时，直连路由就够了 但若出现需要两台路由器的网络环境，这时候就必须使用静态路由或动态路由 静态路由是由管理员手动配置和维护的路由；静态路由配置简单，被广泛应用于网络中；静态路由还可以实现负载均衡和路由备份 技术背景 如果网络环境中只有直连路由，那么就无法到达非直连的网 ......
HCIA-路由基础
前言 路由技术是Internet得以持续运转的关键所在；企业网络的拓扑结构一般会比较复杂，不同的部门，或者总部和分支可能处在不同的网络中，此时就需要使用路由器来连接不同的网络，实现网络之间的数据转发。 关键术语 路由(Routing) 从源头到目标的路径；不同网络间的转发过程 就像火车一样 路由表( ......
HSRP热备份路由协议
HSRP协议/VRRP协议 HSRP（Hot Standby Router Protocol 热备份路由器协议）是思科的专有协议。HSRP通过多台路由器组成一个热备份组，并由一个虚拟路由器来选择活跃路由，组内的活跃路由充当着数据包的转发，当活跃路由器发生了故障，备份路由器将成为活跃路由。 HSRP知 ......
使用ensp搭建路由拓扑，并使用ospf协议实现网络互通实操
转载请注明出处： 1.使用ENSP 搭建如下拓扑： 数据准备 为完成此配置例，需准备如下的数据： 设备 Router ID Process ID IP地址 DeviceA 1.1.1.1 1 区域0：192.168.0.0/24 区域1：192.168.1.0/24 DeviceB 2.2.2.2 ......
单臂路由
单臂路由： 单一局域网通过VLAN划分不同网段后，不同的网段之间是不能相互通信的。但是在使用的过程中，不同的网段之间又是需要相互通信的，这时候需要三层设别进行路由转发，通常下完成这一操作的是三层交换机和路由器。但是在路由的转发过程里，会在不同的物理接口进行，但是由于物理端接口比较少，可能满足不了 ......
React 路由
React 路由 1.ReactRouter 5.x 功能概述：点击切换展示区内容，并切换浏览器地址 /about /home About 组件 import React, { Component } from 'react' export default class About extends C ......
以太网链路连接 和 ISIS/OSPF等路由协议关系
转载请注明出处： 以太网链路连接和ISIS/OSPF协议之间存在关联和区别。 关联： 以太网链路连接是指通过以太网物理媒介（如电缆）将网络设备进行连接，使它们可以交换数据。 ISIS（Intermediate System to Intermediate System）是一种路由协议，用于在计算机网 ......
使用ensp搭建路由拓扑，并使用isis协议实现网络互通实操
转载请注明出处： 1.通过拓扑搭建如下拓扑： 其中R7、R8为L1，R6为L1/2，R9为L2。 2.配置isis实现网络互通 R7配置如下： [Huawei]isis 1 [Huawei-isis-1]di th # isis 1 is-level level-1 network-entity 1 ......
vue:路由错误/404 not found(vue-router@4.2.4)
一，官方文档地址: https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html 二， 代码: 1,router配置 { path: '/:pathMatch(.*)*', name: 'NotFound',meta:{titl ......
将你的 CentOS 变成 OSPF 路由器
Quagga是一个开源路由软件套件，可以将Linux变成支持如RIP、OSPF、BGP和IS-IS等主要路由协议的路由器。它具有对IPv4和IPv6的完整支持，并支持路由/前缀过滤。更多技术干货详见www.linuxprobe.com ......
flask路由
flask中路由只有“路由”与“视图函数”进行绑定，如果要使用类似django的“路由”与“视图类”绑定的话，需要用Flask-RESTful，这个后面会补完这个笔记。 路由与视图函数绑定 定义路由与视图函数绑定关系，使用@route装饰器 # method用于指定可以接受的请求方式 # flask ......