博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue路由动态加载
阅读量:5060 次
发布时间:2019-06-12

本文共 423 字,大约阅读时间需要 1 分钟。

注意:是动态加载不是动态路由

解决的问题: 动态配置菜单栏的路由参数--实现菜单级的权限控制

问题成因:

  在vue实例化的时候vuex、vue-router 就需要加载完毕,无法使用异步的方式从服务器获取带权限的菜单路由.

方式一:

  该方式产生于2017年3月之前;

  解决思路:

  1. 在进入login页面时就请求出来所有的路由配置存到vuex 中
  2. 登录成功后请求带权限的菜单,( 实质所有的菜单路由都生效了, 用户还可以直接通过直接输入路径访问到)
  3. 在每次路由切换的时候都进行拦截校验是否有权限访问该菜单.

  不足:

  • 至少多次请求了一次菜单
  • 每次路由切换都需要拦截重复请求权限接口    

方式二:

  配合全新的API   addRoutes实现路由的动态加载爽歪歪.代码等会奉上 ---  公司代码不让粘   最近也比较忙  所以非常抱歉了

 

转载于:https://www.cnblogs.com/web-Rain/p/7235213.html

你可能感兴趣的文章
解决Sql Plus乱码的曲折历程
查看>>
CRM JS 日期格式化及时间设置
查看>>
JS 4 新特性:混合属性(mixins)
查看>>
jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
查看>>
hdu 4502
查看>>
Nginx优化
查看>>
js数组复制
查看>>
CoreMontion加速计
查看>>
【php】PDO
查看>>
Find the longest route with the smallest starting point
查看>>
hashMap的源码实现
查看>>
jquery selector 2
查看>>
NSIS API 函数常用备份
查看>>
STL之list(双向链表)
查看>>
朴素贝叶斯应用:垃圾邮件分类
查看>>
php中的常用数组函数(七) 数组合并 array_merge()和array_merge_recursive()
查看>>
《DSP using MATLAB》 Problem 4.9
查看>>
extern "c"
查看>>
利用CSS3-boxshadow绘制“蒙娜丽莎的微笑”
查看>>
scanf()函数
查看>>