生成图形验证码前后端不分离代码及逻辑

生成图形验证码是前端生成uuid,发送给后端,后端使用captcha包生成图形验证码和图片,将uuid和图形验证码以key和value的格式保存到专门保存图形验证码的redis数据库中,然后把图片返回给前端在页面中显示出来,做为手机验证码的铺垫

html中

html负责页面展示,其中绑定了js中的方法

<li>
<label>图形验证码</label>
<input type="text" v-model="image_code" @blur="check_image_code" id="pic_code" class="msg_input">
<img:src="image_code_url" @click