获取验证码,点击验证码能切换

里面使用了MD5加密。安装模块

npm install js-md5 -D

在main.js里面引入

 import md5 from 'js-md5'

然后你就能使用了,使用方式是md5(要加密的内容)

<form class="yzm">
    <input type="text" placeholder="请输入图中的验证码" />
     <div class="yzmbtn" @click="changeCode"><img :src="url"/></div>
 </form>

获取验证码有个接口后台传过来的数据,前端拼接成验证码的图片

//图片验证切换

this. changeCode() ;


            changeCode() {
                let schid = SchoolConfig.getSchid();//schid地址
                var timestamp = new Date().getTime();//时间戳
                var rand = Math.floor(Math.random()*10000);//四位随机数
                var uuid = md5(schid+timestamp+rand);//md5加密
                this.url =   'http://dw2.mywkzj.com/core/authcode/captcha?uuid=' + uuid;//图片验证
            },

猜你喜欢

转载自blog.csdn.net/qq_33769914/article/details/86573970
今日推荐