图片验证码,点击切换验证码

在这里插入图片描述

里面使用了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 = axios.defaults.baseURL  + '/core/authcode/captcha?uuid=' + uuid;//图片验证
        },

猜你喜欢

转载自blog.csdn.net/gs981600308/article/details/87623148
今日推荐