vue img绑定验证码

1.后端开发验证码接口：
返回如下


image.png

2.后端接口返回验证图片，前端使用blob绑定在img的src上

// vue组件
<img :src="imCode" @click="getCode" />
// data中定义
data:{
   imCode: {}
}

// js定义方法
const captchaAxios = Axios.create({
  baseURL: '',
  responseType: 'blob', //定义请求的返回类型
});

// methods中定义验证码获取的方法
getCode() {
      captchaAxios.get('/verificationCode').then((res) => {
        this.imCode = window.URL.createObjectURL(res.data);
      });
 },
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容