hanxiaozhang的博客

前言：

前言：

前言：本篇文章只介绍在Ant Design Pro登录功能中集成图形验证码组件的方法步骤，服务端方法请参考《基于OAuth2.0授权系统的验证码功能》正文：在Ant Design Pro模板中，使用账号密码登录功能部分（如下图），并没有做图形验证码的开发，所以这部分功能就需要我们自己去实现。这里登录功能其实本质是一个表单提交，所以我们只需自己开发一个图形验证码表单控件就可以，具体实现如下。1.图形验证码表单控件代码CaptchaInput.tsx：import React, {u.

从开始参加工作到开始准备的系统之前，我一直想自己独立完成一个系统的开发，检验一下自己的工作学习成果。2020年工作中全面的使用到SpringCloud全套相关技术，萌生了使用SpringCloud技术栈作为这个系统后端的实现。2021年工作中又学习了React相关的前端框架，我就放弃打算前端使用Vue技术栈的想法。这个系统从2020年9月份开始到2021年4月份封板（中间也停过小4个月），花费了不少的私下时间，算是对自己工作学习的一个总结吧。

其实，方法很简单，只需要修改src\utils\authority.ts中的配置：export function getAuthority(str?: string): string | string[] { const authorityString = typeof str === 'undefined' && localStorage ? localStorage.getItem('antd-pro-authority') : str; // au