Ant Design Pro 登录流程以及路由权限设置_a_靖的博客-程序员信息网_ant design pro登录

技术标签: 权限  Ant Design登录流程  登录  Web前端  Ant Design Pro 教程专栏  Ant Design 登录详解  ant登录  react  

登录流程:

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',
         
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_35713752/article/details/103317763

智能推荐

Vue中如何使用less_朱1只的博客-程序员信息网_vue中less使用

Vue中如何使用less最近发现好多小伙伴在面试的过程中会问到vue如何使用less和scss,所以我绝对更新、复习一下less;废话不多说直接进主题;依赖下载1、首先使用npm下载依赖;npm install --save less less-loader2、安装完成后检查是否安装成功;lessc -v3、如果安装成功后,会显示安装成功后的版本;引用方法1、在main.js...

插槽的理解_小廖搬砖日记的博客-程序员信息网

匿名插槽/单个插槽/默认插槽单个插槽可以放在一个组件的任意位置,且没有name值。一个组件只能有一个匿名插槽。父组件:<template> <div class="father"> <h3>这里是父组件</h3> <child> <div class="tmpl"> <span>item1</span>

linux 当前目录动态库加载找不到文件,linux动态库路径查找不到_西门镜湖的博客-程序员信息网

GCC的-wl,-rpath=参数使用GCC编译动态链接库的项目时,在其他目录下执行很可能出现找不到动态链接库的问题。这种情况多发生在动态链接库是自己开发的情况下,原因就是程序运行时找不到去何处加载动态链接库。可能会说在编译时指定了链接的目录啊!编译时指定的 -L的目录,只是在程序链接成可执行文件时使用的。程序执行时动态链接库加载不到动态链接库。解决办法有两种,第一程序链接时指定链接库的位置,就是...

【TensorFlow】解决AttributeError: module ‘scipy.misc‘ has no attribute ‘toimage‘问题_绝不做九漏鱼的博客-程序员信息网

〇、前情提要在b站跟着up主 白手起家的百万富翁 学mnist手写体识别实践,但到了scipy.misc.toimage(image_array, cmin=0.0, cmax=1.0).save(image_file)报错AttributeError: module 'scipy.misc' has no attribute 'toimage'。参考:我的笔记-AttributeError: module ‘scipy.misc’ has no attribute ‘toimage’ht

VMware新建虚拟机安装黑屏_国际撩妹大佬的博客-程序员信息网

在liunx中用netsh winsock reset命令重启后可解决win10中在首选项中打开虚拟打印机可解决亲测有效

刘帅嵌入式系统-协处理器Load/Store指令的寻址方式_shuai532209720的博客-程序员信息网

​一条协处理器Load/Store指令可以再ARM处理器和协处理器之间传输批量数据。其语法格式如下:<opcode>{<cond>} {L} <coproc>,<CRd>,<addressing_mode>其中<addressing_mode>表示地址的变化方式,有如下4种: [<Rn>,#+/...

随便推点

Oracle Awr报告分析-细节_呆呆的私房菜的博客-程序员信息网_oracleawr报告详细分析

Oracle Awr报告分析-细节内容衔接细节剖析SQL Statistic分析ASH Report分析分析结论内容衔接在进行Oracle Awr报告分析中,我们的分析思路是先总后分。先从Awr的总览信息中,分析系统的负载、数据库繁忙程度、严重的等待事件等,再从具体的事务入手分析。在上一篇文章Oracle Awr报告分析-总览,我们分析得出如下结论:CPU利用率超过100%,说明出现了等待事件;数据库非常繁忙,数据变更频率快,每秒产生日志量达到27M;数据库软解析非常高,达到了100%;主要

常用算法之:2、梯度下降_Mr.Lanson的博客-程序员信息网

在求解机器学习算法的模型参数,即无约束优化问题时,梯度下降(Gradient Descent)是最常采用的方法之一,另一种常用的方法是最小二乘法。这里就对梯度下降法做一个完整的总结。1. 梯度    在微积分里面,对多元函数的参数求∂偏导数,把求得的各个参数的偏导数以向量的形式写出来,就是梯度。比如函数f(x,y), 分别对x,y求偏导数,求得的梯度向量就是(∂f/∂x, ∂f/∂y)T,

php502 bad gateway_weixin_43599047的博客-程序员信息网

在project structure 中增加项目module

一加9pro好不好 综合体验再创高分_普通网友的博客-程序员信息网

从消费者体验中,记者得知,全新的一加9pro系列手机,为消费者带来良好的体验的同时,也不断升级了手机的内核与外在性能的诸多方面,致力于以国产领先手机的地位,给消费者以更进一步的手机体验。在手机性能和参数上则显然有许多飞跃和提升。据悉,一加标配是骁龙888处理器,搭配UFS3.1,LPDDR5,性能三件套齐发,全新的散热系统。屏幕采用的1080P+120Hz单孔直屏设计,孔径只有3mm。Pro版本采用的2K+120Hz曲面屏,在这个基础上还新增了10Bit、自动色温感应、8192级亮度调节和自适应性刷新率

STVP烧录教程_Angela㐅cc的博客-程序员信息网

可以运行独立的烧录软件ST Visual Programmer (STVP)进行STM8芯片烧录。运行“开始”->ST Toolset->Development Tools -> ST Visual Programmer,运行界面如图2-65所示。图2-65 STVP界面图烧录软件配置:运行 Configure -> Configure ST Vis...

WEB-INF下jsp之间的跳转_爱敲代码的zhaahz的博客-程序员信息网

WEB-INF下jsp之间的跳转        在做项目的过程中,发现自己在WEB-INF目录下

推荐文章

热门文章

相关标签