最近接到一个新的需求,由于客户是内网,你能使用腾讯的验证码了,需要改为前后端实现。
具体的代码已经提交git
项目效果图:
使用的技术栈:vite+vue3+ts
git地址:https://github.com/susanliy/point_captcha
前端的使用方法请看git README.md 文件
交互流程
① 用户访问应用页面,请求显示图片(图片时又后端提供的)
② 用户按照提示要求完成验证码拼图/点击
③ 用户提交表单,前端将第二步的输出一同提交到后台
④ 验证数据随表单提交到后台后,后台需要调用captchaService.verification做二次校验。
⑤ 第4步返回校验通过/失败到产品应用后端,再返回到前端。
后端代码逻辑:https://gitee.com/anji-plus/captcha