vue addRoutes动态添加路后刷新失效的正确解决办法

最新推荐文章于 2024-08-10 18:06:52 发布

chouya3495

最新推荐文章于 2024-08-10 18:06:52 发布

阅读量2.3k

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/2544553/blog/3027032

版权

这个问题解决方法网上一大片,大概都说用浏览器 localStorage 来实现. 在我看来这都是多此一举. 没有正确使用路由造成的.

而正确的解决方法就是利用Promise. 如下代码:

1.异步添加路由

2.在登录成功后

这样就可解决上述问题

转载于:https://my.oschina.net/u/2544553/blog/3027032

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chouya3495

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue 解决addRoutes动态添加路由后刷新失效问题

08-27

主要介绍了vue 解决addRoutes动态添加路由后刷新失效问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

vue动态路由添加不成功

weixin_47979438的博客

01-07

2713

动态路由添加根据权限动态加载路由

参与评论您还未登录，请先登录后发表或查看评论

vue 解决addRoutes动态添加路由后刷新失效问题(跳转“404”页面)

最新发布

qq_55121347的博客

08-10

593

为什么动态路由刷新之后路由消失,以及解决措施

vue动态添加路由后刷新失效问题

weixin_48309048的博客

12-09

3314

vue动态添加路由后刷新失效问题

Vue Router3动态添加路由刷新依然失效

qq_25080529的博客

11-24

1726

动态添加的路由，刷新后，优先级比在new VueRouter中初始化的路由的404通配路由优先级来的低，因此404路由不能放在初始化路由中。

vue中做权限管理使用router.addRoutes()动态添加路由以及解决刷新失效，跳转后刷新失效问题

qq_31906983的博客

04-01

2万+

最近在公司做知识储备，有个权限的问题干扰了我2天，今天终于把他理顺了！！！一、需求明确我想做的是后台管理系统的权限管理，（所有的数据都是使用mockJs模拟得来），登录的时候，发送表单验证，验证成功后，后台返回权限列表，权限不同，返回的列表不同，拿到权限列表后，把权限列表渲染出来在页面侧边栏上。二、注意点（1）前端提前设置静态的权限列表，通常只包括页面公共的部分，比如...

vue 解决addRoutes多次添加路由重复的操作

10-14

本文将深入探讨如何解决在Vue应用中使用`addRoutes`方法多次添加路由导致重复的问题。首先，让我们了解`addRoutes`的基本用法。在Vue Router中，`addRoutes`用于在运行时向路由配置添加新的路由。这是非常有用的，...

vue动态添加路由addRoutes之不能将动态路由存入缓存的解决

10-17

另外，Vue Router 的缓存机制可能无法正确处理动态添加的路由，导致路由信息发生变化，如失去 `render` 方法或 `component` 属性，从而影响路由的正常工作。从缓存中读取的路由可能丢失关键信息，如父路由的 `...

解决vue addRoutes不生效问题

10-14

- **动态添加路由**：在Vue应用中，我们可以在运行时根据需求动态添加路由，这通常发生在用户权限确定后，比如在登录成功时。 - **路由冲突**：当两个或多个路由定义有相同的路径或组件时，会出现路由冲突，这可能...

vue2+vue-router动态路由添加及路由刷新后消失的解决办法

weixin_44166849的博客

06-06

3886

vue-router动态路由添加及路由刷新后消失的解决办法

vue-admin-template动态添加路由侧边栏不渲染

weixin_43389274的博客

07-06

896

动态添加路由侧边栏不更新

Vue 动态添加的路由页面刷新时失效的原因及解决方案

weixin_53035812的博客

08-13

4650

本文为搬运学习,感谢原文大佬，原文地址:https://www.jb51.net/article/206376.htm Vue2 问题描述昨天在做vue后台管理系统有关权限页面动态添加到路由的功能时，遇到一个问题：动态添加的路由页面，在页面刷新时出现了404的情况。场景后台管理系统的权限控制是通过在前端页面定义权限code，把code给后台同学保存配置到表中，之后根据后台返回的权限code列表与前端页面配置的code菜单列表做筛选匹配，code相等的页面就是有权限的页面，再通过rout

addroutes刷新_vue 解决addRoutes动态添加路由后刷新失效问题

weixin_39564807的博客

12-21

1078

前言某些场景下我们需要利用addRoutes动态添加路由，但是刷新后就会失效，前段时间项目里刚好遇到了这个应用场景，所以就花时间研究了一下，做下分享跟记录，说的不对的地方，请大家指正。应用场景：用户a登录进系统，页面上有个按钮，点击之后会动态添加路由并且跳转，跳转过去之后，用户刷新后也会停留在当前页面。不点这个按钮，浏览器输入地址，用户会跳到404页面思路1.用户点击按钮，用addRutes动态...

vue 动态路由刷新失效及404页面处理

Gao_wbe的博客

02-12

6986

vue动态路由时会遇到一些坑，这里总结一下，并提供解决思路。

vue 解决addRoutes动态添加路由后，刷新失效问题

weixin_33815613的博客

06-30

6517

你是电，你是光，你是最美的太阳

解决使用router.addRoutes()设置动态路由，页面刷新后无效

wangjie33589的博客

03-25

8471

最近在搞一个vue后台管理平台的项目，记录一下最近项目中遇到的一个坑，就是使用router.addRoutes()设置动态路由，页面刷新后重定向到了404，后来经过几天的研究才找到的真正的原因。原来是我在登陆之后把路由列表转换成了字符串类型数据存在了本地，当取出来的时候在转换成JSON时候发现发生这种问题的根本原因在于路由component参数在被json转换成字符串之后，然后转回对象的时...

vue addroutes 动态路由

08-04

在Vue中，可以使用router.addRoutes方法来动态添加路由。在router/index.js文件中的路由配置中，可以看到使用router.addRoutes方法来添加动态路由。具体的代码如下所示： ```javascript const createRouter = () =>...