小蚂蚁云/XiaoMaYi-EleVue是一个开源的前端开发框架，基于Vue.js和Element UI搭建。它整合了丰富的组件和功能，为开发者提供了一套开箱即用的解决方案。

一、 菜单权限 菜单权限：控制用户在系统中能够看到哪些菜单项 菜单权限指的就是后台系统中的左侧的菜单栏，前端可以根据后端接口返回的权限数据结合element-ui菜单组件循环拼接而成即可，有什么权限就

哈喽大家好，我是苏苏同学，前面我们聊到了Vue和React的路由拦截鉴权，有很多同学跟我反馈说太简单了，只能判断有没有登录，对于有用户角色权限的系统就不适用了。

总的来说，通过角色或者codeArr，动态过滤动态路由asyncRoutes。得到动态路由后，再调用vue-router的方法

对于大部分管理后台而言，角色权限都是一个重要的环节。通过角色权限的配置，我们可以轻松的调整各个用户所拥有的各个模块或者说页面的权限，从而让用户只能访问到对应权限的页面。

案例:vue-element-asyncLogin2020-2-8更新优化流程,简化逻辑,去除_import.js文件,改为直接动态导入优化404页面2020-1-17更新更新为最新的vue-elem

但是有的时候为了进行全面的权限控制，会需要后台给出路由表，前端再渲染。不用在前端配置。

全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据路由名称到全部路由里找到对应的路由，判断用户是否具备路由上标注的权限信息(比如上面的roles: ['adm…

第一步：git命令拉取代码 第二步：剔除烦人的eslint及删除多余路由 执行npm i下载依赖自动运行： 可以看到左侧菜单栏只剩dashboard一个菜单 第三步：配置跨域 第四步：修改生产