1.效果如图,一开始有个验证码,点击验证码就更新一个新的验证码
2.验证码其实就是一个图片,图片根据后面拼接的随机数的不同生成不同的图片,这个后端的事情,我们只需要在用户点击验证码时修改验证码图片地址即可,至于提交时的验证只需要将图片地址和随机数传到接口,后端接口会验证,我们只需要根据结果进行下一步操作即可
3.上面就初始化了一张二维码,下面实现点击更换二维码,这个很简单,只需要更改这个随机数即可
下面就是点击登录时验证了,我们只需要传用户输入的二维码即上图的this.checkCode和随机数this.random作为参数,后端依据这两个值去判断你输入的验证码是否正确
因为实现验证码代码不多,都在图上,在此就不附上源码了
希望文档能帮助到您,最后求个赞,谢谢~