当前位置:网站首页 > 技术博客 > 正文

vue2动态路由



1、什么是动态路由?
2、动态路由的好处
3、动态路由如何实现

1、什么是动态路由?

 

2、动态路由的好处

 

3、动态路由如何实现

1)此为我的router目录,index.js对路由添加,守卫拦截等处理。static-route.js为前端定义的静态路由,不需要动态加载的,如登陆页面,忘记密码页面,404页面等。
在这里插入图片描述
在这里插入图片描述

index.js

 

2)登陆成功后将获取到的动态路由存储到vuex
在这里插入图片描述
vuex—>index.js

 

我的动态路由模板

 

路由管理界面(可能有不完善的地方)
在这里插入图片描述
讲一讲遇到的坑及注意点

  1. “component”: “check/check-norm-image/index.vue”, 用字符串再在解析,不要像静态路由一样。否则第一次进去可以,刷新就变空白
  2. 此处为重要的一点,直接用next()不行
 

3)由于添加完路由还会重复执行一遍路由守卫,所有必须确保不要一直死循环添加路由。否则直接崩溃。这里我用的是isToken变量确保不循环。

分享:


                            

版权声明


相关文章:

  • jrebel热部署xml2025-05-15 14:01:00
  • swing的布局2025-05-15 14:01:00
  • 聚合函数的特点2025-05-15 14:01:00
  • 什么是linux的发行版?2025-05-15 14:01:00
  • 小区内私搭乱建怎么界定2025-05-15 14:01:00
  • java中抽象类是什么意思2025-05-15 14:01:00
  • 小明台湾在线领域2025-05-15 14:01:00
  • javascript中parseint()的用法2025-05-15 14:01:00
  • linux系统中添加组的命令2025-05-15 14:01:00
  • fork 函数2025-05-15 14:01:00