如何和后端进行图片验证码的交互？

现在很多项目都有进行图片验证码验证的功能，今天我也碰到了，遇到一个大坑：

　　普通的接口请求我们都会拿到后端返回的结果进行一系列操作，但是图片验证码，后端不给你返回任何数据；

　　所以这个坑就是，图片验证码的接口就是你页面中img标签绑定的src

<template>
  <div class="globalSet" style="min-width: 824px;width:calc(100% - 10px - 10px);height:calc(100% - 10px - 10px);color:red;">
    <div @click="refresh">换一张 </div>
    <img :src="imgSrc" style="width:100px;height:50px">
  </div>
</template>

<script>
export default {
  name: "globalSet1",

  data() {
    return {
      imgSrc: window.$url_front.serverBcsUrl + "/openRegister/createImagecode"
    };
  },
  methods: {
    refresh() {
      var num = Math.ceil(Math.random() * 10); //生成一个随机数（防止缓存）
      this.imgSrc = window.$url_front.serverBcsUrl + "/openRegister/createImagecode?id=" + num;
    }
  }
};
</script>