vue权限控制——动态路由

本文续接上一篇博客vue权限控制——菜单及界面控制（含模拟数据）

使用同样一组模拟数据，但进行了部分修改，下载地址：提取码：Shin 

提示：没有根据上一篇blog进行操作的建议直接下载此处文件，

           所有在原文件基础上修改的代码都会伴随注释。

目录

数据初始化

 修改路由配置

编写动态路由方法

使用方法

适用刷新

---

数据初始化

 此处提供的数据不包含依赖，需要自行通过控制台安装依赖

npm  install

接下来是取消vue纠错 ，在文件夹下新增vue.config.js文件，写入以下代码

module.exports = {
  lintOnSave: false
}

上一篇blog因为用不到，所以没有配置数据的路径信息，

现在在mock文件夹下index.js文件内修改路径

 把所有authName为普通用户1的path改为'/menu/one'

把所有authName为普通用户2的path改为'/menu/two'

把所有authName为管理员1的path改为'/menu/three'