前后端实现:行为验证码---文字点选

该项目实现了在内网环境中,使用Vite+Vue3技术栈,结合TSGit进行代码管理的验证码功能。前端从后端获取图片并展示,用户完成拼图后,前端将验证信息提交到后台进行二次校验。后端代码逻辑在Anji-Plus的captcha仓库中提供。
摘要由CSDN通过智能技术生成

最近接到一个新的需求,由于客户是内网,你能使用腾讯的验证码了,需要改为前后端实现。
具体的代码已经提交git

项目效果图:
请添加图片描述

使用的技术栈:vite+vue3+ts
git地址:https://github.com/susanliy/point_captcha
前端的使用方法请看git README.md 文件

交互流程
① 用户访问应用页面,请求显示图片(图片时又后端提供的)
② 用户按照提示要求完成验证码拼图/点击
③ 用户提交表单,前端将第二步的输出一同提交到后台
④ 验证数据随表单提交到后台后,后台需要调用captchaService.verification做二次校验。
⑤ 第4步返回校验通过/失败到产品应用后端,再返回到前端。

后端代码逻辑:https://gitee.com/anji-plus/captcha

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值