React Ant Design Pro 角色权限访问控制

在config.js文件中配置相应的路由

 routes: [
      {
   
        // path 支持为一个 url，必须要以 http 开头
        path: 'https://pro.ant.design/docs/getting-started-cn',
        target: '_blank', // 点击新窗口打开
        name: '文档',
      },
      {
   
        // 访问路由，以 / 开头为绝对路径
        path: '/user/login',
        // ./Page ->src/pages/Login
        component: './NewPage',
      },
      {
   
        // 访问路由，如果不是以 / 开头会拼接父路由
        // reg -> /user/reg
        path: 'reg',
        // ./Page ->src/pages/Reg
        component: '../layouts/NewPage2',
      },
    ],

设置相应的角色

在user表中利用access关键字表示（如：user、admin等）

权限管理

1.数据库中构建角色菜单表
access为用户对应的角色，pathname为对应的路由路径，forbid为1时，表示有访问权限，forbid为0时则不具有。