多语言展示
当前在线:1274今日阅读:145今日分享:43

vue前端怎样获取后端生成的验证码图片?

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

webstorm

方法/步骤
1

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

2

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

3

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

推荐信息