引言:
最近一段时间,登录页新添了一个功能,获取图片验证码,特意来记录一下思路,分享给大家,或许会用得到。
效果:
页面效果
步骤:
1.先要由后端提供一个生产验证码的接口
2.前端通过设置img属性,并且为image添加点击事件,保证每次获取的图片不一致,具体代码如下:
<a href="javascript:;" class="verification-code" @click="changeCodeImg()"><img :src="vsCode" /></a>
实现代码
3.接下来是验证部分,验证码字符串可保存在后端的session中,如请求登录接口时,可与session里边的验证码作比对。
留言与评论(共有 0 条评论) |