Vue路由器链路仅在刷新后工作

是指在使用Vue.js框架进行前端开发时，当页面刷新后，Vue路由器的链路才能正常工作。

Vue路由器是Vue.js官方推荐的路由管理器，用于实现前端页面的路由跳转和管理。在Vue.js中，通过Vue路由器可以实现单页应用（SPA）的开发，即在页面不刷新的情况下，通过路由切换实现不同页面的展示。

然而，有时候在使用Vue路由器时，当页面刷新后，路由器的链路可能会失效，导致页面无法正常跳转。这是因为在刷新页面时，浏览器会重新发送请求，而Vue路由器是基于浏览器的前端路由，它的工作依赖于浏览器的历史记录（history）API。当页面刷新时，浏览器会清空历史记录，导致Vue路由器的链路丢失。

为了解决这个问题，可以使用后端服务器进行配置，将所有路由请求都指向Vue.js的入口文件，例如index.html。这样，在页面刷新时，后端服务器会返回index.html文件，然后由Vue.js接管路由，重新渲染页面，使得Vue路由器的链路能够正常工作。

总结起来，Vue路由器链路仅在刷新后工作是因为在页面刷新时，浏览器会清空历史记录，导致Vue路由器的链路丢失。为了解决这个问题，可以通过后端服务器配置，将所有路由请求指向Vue.js的入口文件，使得Vue路由器能够重新渲染页面，从而使链路正常工作。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），详情请参考：https://cloud.tencent.com/product/cdn

相关·内容

动态路由协议之RIP协议，最古老的距离矢量协议！

R7 -> R4链路3：R1 -> R8 -> R4这个时候我们可以很直观的看出每条链路的跳数：链路1：3跳链路2：4跳链路3：2跳看跳数最好最快的办法就是一条链路就是一跳，如下图：图片那么答案毫无悬念...图片如上图，R1现在要和R4进行通信，目前有两个链路：链路1：R1 -> R2 -> R3 -> R4链路2：R1 -> R5 -> R6 -> R4这个时候我们可以很直观的看出每条链路的跳数：链路1：...刷新定时器（240 秒）在路由被宣布为无效后，RIP 将额外等待 60 秒，所以刷新的总时间为 180 + 60 = **240 秒**。...，因为RIP的刷新定时器为30秒，所以30秒后，R3开始将自己的路由表信息广播通告给附近所有的路由器，包括R2:图片这样一来，R2和R3就会不停的向对方互发172.16.1.0/24路由协议，形成了一个环路...- RIP 跳数RIP 如何工作？

1.3K3 1

OSPF的精髓：LSA，理解了各类LSA的作用，才算是懂OSPF！

NetworkLSA（Type-2）它是由DR产生，用来描述本网段的链路状态，范围是所属区域内。...NSSA LSA（Type-7）它是由ASBR产生，用来描述到AS外部的路由，范围是仅在NSSA区域内传播。...3600s，刷新时间为1800s。...不管是LSA驻留在链路状态数据库内，或是在从每一个路由器接口转发出时，老化时间都会增加。如果某个LSA的生存时间超过了3600s，则这个LSA就会被从数据库中删除。...NetworkLSA（Type-2） NetworkSummary(Type-3） ASBRsummary（TYPE-4） AS-ExternalLSA（Type-5) NSSA LSA（Type-7）链路状态

1.8K4 1

计算机网络学习--网络层

对比的方面虚电路服务数据报服务思路可靠通信应当由网络来保证可靠通信应当由用户主机来保证连接的建立必须有不需要终点地址仅在连接建立阶段使用，每个分组使用短的虚电路号每个分组都有终点的完整地址...分组的转发属于同一条虚电路的分组均按照同一路由进行转发每个分组独立选择路由进行转发当结点出故障时所有通过出故障的结点的虚电路均不能工作出故障的结点可能会丢失分组，一些路由可能会发生变化分组的顺序...4.4.2、OSPF “最短路径优先”使用了 Dijkstra 提出的最短路径算法SPF 最短路径根据网速确定由于各路由器之间频繁地交换链路状态信息，因此所有的路由器最终都能建立一个链路状态数据库 OSPF...这叫作多路径间的负载平衡每一个链路状态都带上一个 32 位的序号，序号越大状态就越新规定每隔一段时间，如 30 分钟，要刷新一次数据库中的链路状态 4.4.3、BGP BGP 是不同自治系统的路由器之间交换路由信息的协议...4.5、路由器 路由器是一种具有多个输入端口和多个输出端口的专用计算机，其任务是转发分组 “转发”(forwarding)就是路由器根据转发表将用户的 IP 数据报从合适的端口转发出去。

6273 0

【网络层】RIP协议详解（应用层）、慢收敛、OSPF协议（适合大网络）

---------有要更新的发送LSR链路请求分组--------收到邻站的LSR后发送LSU更新分组--------更新完邻站返回LSAck确认分组----------只要一个发生改变-------洪范发送...特别鸣谢：木芯工作室、Ivan from Russia ---- 路由选择分类 RIP–距离向量路由选择------简单-------每个路由器维护一个到其他的最佳距离向量记录---------...--------发送的信息就是本路由器相邻的所有路由器的链路状态多久交换--------当链路状态发生变化-----------最后所有路由器都能建立一个链路状态数据库----------------...--------收到邻站的LSR后发送LSU更新分组--------更新完邻站返回LSAck确认分组----------只要一个发生改变-------洪范发送LSU链路状态更新分组-----------...----------适合大的系统 OSPF分组字段--------直接用IP数据报传送----对比RIP（用UDP发送） OSPF总结-----每30分钟刷新------一个路由器的链路状态只涉及相邻的路由器状态与整个互联网规模无关

9281 0

全网对IS-IS协议最言简意赅的归纳！强烈建议收藏！

路由类型十三、IS-IS DIS选举十四、IS-IS建立邻居关系规则十五、IS-IS邻接关系建立规则十六、IS-IS L2组播地址十七、IS-IS网络类型一、关键属性协议类型：IP协议、链路状态...PDU 描述：包含完整链路状态数据库的更新，IS-IS路由器每15分钟刷新一次整个数据库 14、TLV 英文全称：Type/Length/Value 描述：IS-IS中使用的可变长度模块化数据集 15、...接收：收到帧后，IS-IS对其进行检查，将用户数据和错误报告传递给转发过程，并将路由信息传递给更新过程。...仅L1路由器与L1/L2路由器仅在其ID匹配时才形成L1邻接关系。仅L2路由器与L1/L2路由器形成L2邻接关系，即使它们的ID不匹配。...如果两台L1/L2路由器的ID匹配，则形成L1和L2邻接。

5673 0

动态路由协议：OSPF、RIP、BGP比较

向所有路由器发送信息，洪泛法交换什么样的信息当前本路由器知道的全部信息本路由器相邻所有路由器的链路状态多久交换一次固定时间间隔当链路状态发生变化时 RIP 路由信息协议一种分布式的基于距离向量的路由选择协议...即多路径间的负载平衡 OSPF路由器之间交换的分组都有鉴别功能，能保证仅在可信赖的路由器之间交换链路状态信息支持可变长的子网划分和CIDR 每个链路状态都带上一个3位的序号，序号越大，状态越新 RIP...“坏消息传得慢”，OSPF则不会工作原理经过路由间频繁交换链路状态信息，所有路由器最终都能建立一个链路状态数据库（全网的拓扑结构图）。...：向邻站给出自己链路状态数据库中的所有链路状态项目的摘要信息链路状态请求分组：向对方请求发送某些链路状态项目的详细信息链路状态更新分组：用洪泛法对全网更新链路状态链路状态确认分组：对链路更新分组的确认...工作原理每个自治系统（AS）至少选择一个路由器作为“BGP发言人”，一个发言人与其他AS的发言人要交换路由信息，需要先建立TCP连接（可见BGP报文是通过TCP传送的，BGP报文时TCP报文的数据部分

9381 0

【计算机网络】网络层 : OSPF 协议 ( 协议简介 | 链路状态路由算法 | OSPF 区域 | OSPF 特点 )

1.5K0 0

OSPF和RIP个人总结，概念+区别，易于记忆，收藏！

路由器在收到response报文后，会将相应的路由添加到自己的路由表中，RIP网络稳定后，每个路由器都会周期性的向邻居路由器通告自己的整张路由表中的路由信息，默认周期为30s。...邻居路由器根据收到的路由信息刷新自己的路由表。 OSPF： OSPF要求每台运行OSPF的路由器都了解整个网络的链路状态信息，这样才能计算出到达目的地的最优路径。...OSPF的收敛过程由链路状态信息LSA泛洪开始，LSA中包含了路由器已知的接口IP地址、掩码、开销和网络类型等信息。...，用来请求缺少的LSA，只包含所需要的LSA的摘要信息 LSU：链路状态更新报文，用来向对端路由器发送所需要的LSA LSACK：链路状态回复报文，用来对接收到的LSU报文进行确认 4RIP的其他特性...有五种类型，其中前三种是可以根据链路类型自动识别，后两种需要管理员手动修改：广播非广播点到点点到多点点到多点非广播

1.3K2 0

妙解RIP协议和OSPF协议的优缺点，建议收藏！

RIP 不支持同一路由上的多条路径，这可能会产生更多的路由环路，使用固定跳数度量来选择最佳路由时，根据实时数据比较路由时，RIP 无法工作，由于重复的过程，这会导致数据包丢失和网络操作过载。...OSPF协议 OSPF（开放最短路径优先）是一种链路状态路由协议，在大型企业网络中被大量采用，OSPF 路由协议从网络中的路由器收集链路状态信息，并确定路由表信息以转发数据包。...这是通过为网络创建拓扑图来实现的，与 RIP 不同，OSPF 仅在网络拓扑发生变化时才交换路由信息。...OSPF 多播链路状态更新并仅在网络发生变化时发送更新。缺点： OSPF 协议需要有关复杂网络的高级知识，因此不像其他一些协议那样容易学习。当有更多路由器添加到网络时，OSPF 路由不会扩展。...[202112210947744.png] 结论比较 RIP 与 OSPF 的差异后，很明显 RIP 协议适用于简单和非分层的小型网络，而 OSPF 协议最适合大型和分层企业网络，在复杂的网络中，您可能有多个路由协议同时运行

1.6K0 0

IS-IS路由协议

IS-IS最初是由ISO为无连接网络协议设计的一种动态路由协议 IETF对IS-IS进行了扩充和修改，让他能够应用在TCP/IP的OSI环境中，简称为集成化IS-IS 同样IS-IS属于IGP，一种链路状态型路由协议...，00标识工作在IP网络 > NET地址就是上方的NSAP的特殊版本就是NSEL为0工作在IP协议的版本每台IS可以拥有不超过三个的NET地址，这些NET拥有相同的System ID和不同的区域地址...> 两种网络上邻居建立过程比较 LSDB的同步 LSP：用于描述链路状态信息 Level-1 LSP：仅在区域内传播 Level-2 LSP：仅在骨干网传播 L1路由器只建立L1的LSDB L2路由器只建立...LSDB的摘要某台路由器发现本地LSDB与DIS未同步，则向DIS发起PSNP，请求相应的LSP DIS收到请求互，单独发送该LSP至该路由器 收到LSP后，发送PSNP进行确认 > P2P 首先向邻居发送本地...只会由L1/L2路由器向区域内发布一条ATT Bit置位的LSP 让区域内的L1路由器产生一条默认路由只在Level1-2路由器需要用到L2转L1的时候用到可能会导致次优路由的出现原理： L1-

1K2 0

路由算法

例如突然某个路由器停电了，使得周边的路由器都没法正常工作，如果出现这样的问题说明路由器的健壮性不够），稳定性（常规使用是否稳定，数据量增多的时候能否正常工作），公平性（网络资源的使用是否公平，避免有些节点出现特别繁忙的状态...典型算法为距离向量路由算法、链路状态路由算法等 ☆可以静态路由和动态路由结合起来使用，此时静态路由的优先级别较高自适应路由算法工作过程测量（获取）有关路由选择的网络度量参数（选择最优，比如是要求传播距离最短...将链路状态包广播发送给所有其他路由器【洪泛方式：状态包包含一个序号，每次发送新包时加1。...计算到每个其他路由器的最短路径 ☆链路状态路由算法适用于大规模网络。...不过这之前到的包都会被丢弃，这也是没有办法的事 • 链路状态包到达后，延迟一段时间，并与其它已到达的来自同一路由器的链路状态包比较序号，丢弃重复包，保留新包 • 链路状态包需要应答为了保证数据传输的可靠性

1.1K9 5

路由算法详解

9042 0

【重识云原生】第四章云网络4.3.4.1-2节——OSPF协议

，总是把别人的路由表拿来就用；而OSPF完全抛弃了这种不可靠的算法，OSPF是典型的链路状态路由协议，路由器之间交换的并不是路由表，而是链路状态，OSPF通过获得网络中所有的链路状态信息，从而计算出到达每个目标精确的网络路径...2 OSPF协议基础概念 2.1 工作原理简述 OSPF简单地说就是两个相邻的路由器通过发报文的形式成为邻居关系，邻居再相互发送链路状态信息形成邻接关系，之后各自根据最短路径算法算出路由...LSACK:收到LSU报文后确认该报文。 2.1.2 三个阶段邻居发现：通过发送Hello报文形成邻居关系。路由通告：邻居间发送链路状态信息形成邻接关系。路由计算：根据最短路径算法算出路由表。...2.1.3 四张表邻居表：主要记录形成邻居关系路由器。链路状态数据库：记录链路状态信息。 OSPF路由表：通过链路状态数据库得出。全局路由表：OSPF路由与其他比较得出。...2.7 LSA（链路状态广播） LSA（链路状态广播，Link State Advertisement）是链接状态协议使用的一个分组，它包括有关邻居和通道成本的信息，是路由器之间链路状态信息的载体

6582 0

高级网工不会去做简单的事，路由规划方案才是王道！

路由刷新信息通常可以构造出部分或全部的路由表，通过分析来自所有路由器的刷新消息，路由表可以构造出非常详细的完整网络拓扑关系。...链路状态广播是另外一种重要的控制消息，链路状态广播通知其它的路由器有关发送者的链路状态，可以被路由器用来构造网络拓扑关系。一旦网络拓扑关系清楚明朗了之后，动态路由协议就能计算出通向目的地的最佳路由。...XX网的路由汇聚如果在区域边界路由器ABR上实施路由聚合后。...只有聚合后的10.1.0.0、10.2.0.0和10.3.0.0三个网段路由被ABR通告给骨干区域Area 0，链路状态的变化不会影响到区域外的路由信息，提高了网络可靠性。...，最终同样能够完成链路带宽的复用。

8223 0

运营商动态路由的神器：IS-IS 协议

OSPF 的链路状态路由协议主要用于ISP环境 CLNP是个啥东东？...IS-IS特点允许使用区域进行分层网络设计IS-IS 将与相同IS-IS 类型的相邻路由器形成邻居关系IS-IS 不是通告连接网络的距离，而是以链路状态数据包 (LSP) 的形式通告直接连接“链路”的状态...ES英文全称：End System中文名称：终端系统网络上的设备，例如服务器或工作站。...，而ISIS选举一个可以被抢占的DISOSPF 的默认管理距离为 110，ISIS 的默认管理距离为 115OSPF 支持将远程区域连接到骨干区域 0 的虚拟链路，而 IS-IS 不支持虚拟链路概念OSPF...每 30 分钟（或最多在 60 分钟后）刷新其完整的数据库表，但是，ISIS 不会像 OSPF 那样定期刷新其整个数据库OSPF 和 IS-IS 术语对比图片这样的表格对比记忆，非常直观，可以保存起来

1.4K3 0

OSPF八种状态机、五种报文、六类常用LSA、五个不同区域详细讲解

工作在IP层之上，协议号为89，OSPF以组播方式发送协议包，使用SPF最短路径优先算法计算和选择路由。工作过程可分为：建立邻居---同步链路状态---计算路由三个阶段。...OSPF工作过程 1、建立邻居以两个直连路由器为例，两台路由器开始时他们的状态为Down，R1开始发送第一个带有自己信息的Hello包，当R2接收到R1的Hello包时发现没有自己的路由信息，此时R2...R1接收到后发现上面有自己的路由，状态转变为2-way后再想R2发送最后一个Hello包，携带自己和R2的路由信息。当R2收到后也将自己的状态转换为2-way。 2、同步链路状态邻居建立完成后。...3、计算路由当同步链路状态最后一个DBD发送后。...R1收到后回复确认，通过多个LSR和LSU的交换，两个路由器的LSDB数据库同步完毕。形成拓扑表，这个过程中使用SPF算法计算出路由表。

1.1K2 0

回归更新，基础知识总结；OSPF LSA类型

LSA常见类型区域内路由：1、2 由Router-LSA和Network-LSA来进行计算，这两类LSA描述的是具体的链路状态信息。区域间路由：3 Type 3 LSA用于计算区域间路由信息。...这类LSA描述的是精简的路由信息，而不是详细的链路状态信息（但并不是路由汇总） AS外部路由：4、5 Type 4用于描述如何到达ASBR，Type 5由ASBR描述如何到达AS外部某网段，这两类LSA...特殊区域的路由：7 包含第三类LSA 和第四类LSA（Type 3 LSA描述去往网络的路由，Type 4 LSA描述去往自治系统边界路由器ASBR 的路由），由区域边界路由器ABR 生成，在与该LSA...区域内路由 LSA Type 1 每台路由器为它所属的区域产生一条Router LSA，包含该路由器直连链路的列表，使用IP前缀和链路类型（link-type）来标识链路，它仅在区域内泛洪，不会穿越ABR...LSA Type 2 区域中的每个MA网络的DR产生一条Network LSA，包含该网络中的路由器列表及该链路的子网掩码，仅在区域内泛洪，不会穿越ABR。

4681 0

功不可没的IS-IS协议，我管总结，你只管看！

类似于 OSPF 的链路状态路由协议主要用于ISP环境 CLNP是个啥东东？...IS-IS特点允许使用区域进行分层网络设计 IS-IS 将与相同IS-IS 类型的相邻路由器形成邻居关系 IS-IS 不是通告连接网络的距离，而是以链路状态数据包 (LSP) 的形式通告直接连接“链路...ES 英文全称：End System 中文名称：终端系统网络上的设备，例如服务器或工作站。...DR和BDR，而ISIS选举一个可以被抢占的DIS OSPF 的默认管理距离为 110，ISIS 的默认管理距离为 115 OSPF 支持将远程区域连接到骨干区域 0 的虚拟链路，而 IS-IS 不支持虚拟链路概念...IGP OSPF 每 30 分钟（或最多在 60 分钟后）刷新其完整的数据库表，但是，ISIS 不会像 OSPF 那样定期刷新其整个数据库 OSPF 和 IS-IS 术语对比这样的表格对比记忆，非常直观

6751 0

通过 Laravel 创建一个 Vue 单页面应用（五）

你也可以使用诸如 portal-vue 之类的插件或者布局中的一个组件来临时闪烁消息（或者在消息弹出后，使用强制关闭按钮关闭），显示一个操作是否已经成功（或者失败），从而向用户提供反馈。...*'); 如果你数入一个无效的 URL 比如 /does-not-exist,你会看到像下面的一堆东西: Vue路由器触发了会将浏览器重定向到 /404 的通配符路由规则。...接下来是什么我们学习了如何通过 Vue 路由器在前端删除用户并对成功删除做出响应.。...我们通过在主 app.js 文件中用vue.use(vue router) 注册vue路由器，引入了通过 this.$router 属性的编程导航。...准备好后，请查看第6部分-创建新用户原文地址：https://laravel-news.com/building-a-vue-spa-with-laravel-part-5 译文地址：https://

4.4K2 0

OSPF详解-3 邻接、度量值

3）两台路由器使用Hello分组建立邻接关系后，它们通过LSA来同步LSDB，并确认已收到邻接路由器的LSA。至此，两台邻接路由器知道它们的LSDB已经同步。...DR从邻居那里收到更新后，将其转发给LAN上的其他所有邻居。DR的主要功能之一是确保同一个LAN中所有路由器的LSDB都相同。...例如，如果路由器与多个多路访问广播网络相连，它可能在一个网段中为DR而在另一个网络中为DROTHER LSA报告路由器和链路状态，因此有链路状态之说。...3）LSA有序列号和寿命，以确保每台路由器都知道自己有最新的LSA版本。 4）LSA被定期刷新以确保拓扑信息的有效性，直到LSA从LSDB中被删除。...如果修改了链路带宽，OSPF开销也将相应地变化。对于每个接口，只能指定一种开销。在路由器链路通告中，以链路开销的方式通告它。

9181 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云