前端处理后端发来的验证码图片
目录
前端处理后端发来的验证码图片
假设后端接口为http://domainame.com/getCode
因为发来的是图片,所以不能使用axios进行请求,因为axios会将图片转为json格式,乱码,我们就不能读取到
img的请求可以跨域,在开发的时候可以直接使用完整接口
将img的src设为接口,监听点击事件
<img src="" alt="" id="code" @click="getCode" />
src里面的是接口地址
getCode(e) {
e.target.src =
"http://接口/getVerifyCode?" + Math.random();
},
加上random是因为src是同一个地址,浏览器不会请求。
注意 Math前面有个 ?
代表查询,这样后端就可以处理。