Ant Design Pro 登录流程以及路由权限设置

登录流程:

1.ant 框架最外层套了 SecurityLayout 布局

SecurityLayout 中判断用户是否登录,做自动跳转路由处理。

里面的 currentUser 和 currentUser.userid 很关键,是判断登录状态的值.

 

2.currentUser 是通过 src/models/user 中 fetchCurrent 绑定 type saveCurrentUser 传递的 fetchCurrent 中执行了 src/seevice/user.js 中的 queryCurrent 网络请求,queryCurrent 网络请求 得到用户数据和登录状态返回给 fetchCurrent。

温馨提醒:

自动跳转处理这块不需要关注 login 模块,login 模块的视图,models,service 中都不涉及到用户信息验证,所以框架才会拆分出 login 和 user。

login 模块主要涉及到用户账号密码登录,获取验证码,手机号登录和登录,注册的页面。

路由权限设置:

1.在 config/config.js 的路由中配置页面访问权限,代码如图:

            {
              path: '/demoPath',
              name: 'demoPath',
              authority: ['demoPath'],
              icon: 'smile',
              component: './demoPath/demo_index',
           

猜你喜欢

转载自blog.csdn.net/qq_35713752/article/details/103317763
今日推荐