vue前端如何获取后端生成的验证码图片?

引言:


最近一段时间,登录页新添了一个功能,获取图片验证码,特意来记录一下思路,分享给大家,或许会用得到。

效果:

页面效果

步骤:

1.先要由后端提供一个生产验证码的接口

2.前端通过设置img属性,并且为image添加点击事件,保证每次获取的图片不一致,具体代码如下:

<a href="javascript:;" class="verification-code" @click="changeCodeImg()"><img :src="vsCode" /></a>

实现代码

3.接下来是验证部分,验证码字符串可保存在后端的session中,如请求登录接口时,可与session里边的验证码作比对。

发表评论
留言与评论(共有 0 条评论)
   
验证码:

相关文章

推荐文章

'); })();