讲真的关于Ant Design Pro最新版本的资料在网上就很少了,对于小编这样的小白学起来真的很吃力,由于公司有个项目用这个框架做的,所以又不得不学。
提出的需求是权限管理,具体是不同用户在登录后拥有不同的菜单和内容。
说实话小编刚实习,项目就没接触几个,作为一名光荣的前端对于这个权限这个就接触的更少了,之前只用php做过权限,不过那是连接的数据库有明确的用户权限等级属性,将那个属性拿出来用就可以了。接触像Ant Design Pro这样完整的项目实在不知道从哪里入手。
首先进入官网查阅文档:https://pro.ant.design/docs/getting-started-cn
通过官网文档的开始使用我们能直接搭建好一个完整的Ant Design Pro项目。下载好项目后 npm install下载完成所有依赖。
这时候查看官网就有文档就有权限的使用:https://pro.ant.design/docs/authority-management-cn
菜单权限
注:菜单配置是在config/router.config.js文件里面,因为新版的资料比较少我怕一些小伙伴找不到。
这里是菜单的权限,在autho