目录

前端处理后端发来的验证码图片

目录

前端处理后端发来的验证码图片

假设后端接口为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前面有个  ?

代表查询,这样后端就可以处理。