怎样实现图片验证码

import uuid
import random
from captcha.image import ImageCaptcha
from io import BytesIO
import redis

# 创建redis实例
r = redis.Redis(host='127.0.0.1', port=6379, password='',decode_responses=True)

# 封装一个函数,此函数用于生成图片验证码中的数字或字母
def random_code(num=4):
    # num 是生成随机的数量 默认为4
    str__a_z = [chr(num) for num in range(97, 123)]
    str__A_Z = [chr(num) for num in range(65, 91)]
    num_0_9 = [str(num) for num in range(0, 10)]
    return ''.join(random.sample(str__a_z + str__A_Z + num_0_9, num))

# 此函数用于生成图片
def make_verify_image(code_str, uuid=None):
    # 保存验证码到redis中,并且设置过期时间
    r.set(uuid, code_str, 60)
    # 生成验证码图片
    img = ImageCaptcha().generate_image(code_str)
    # 图片不会永久存储，只需要在内存中存储即可
    # 把Image对象写入到IO流中
    out = BytesIO()  # 文件流对象打开在内存中
    img.save(out, 'jpeg')
    return out.getvalue()

# vue代码

        generate_image_code()
        {
            axios({
                url:this.base_url + 'userapp/uuid/',
            }).then(res=>{
                console.log(res.data)
                this.uuid = res.data
                this.image_code_url = this.base_url +"userapp/" + 'tupian/' + this.uuid +'/'
            })
        },
        UUId()
        {
            axios({
                url:this.base_url + 'userapp/uuid/',
            }).then(res=>{
                console.log(res.data)
                this.uuid = res.data
                this.image_code_url = this.base_url +"userapp/" + 'tupian/' + this.uuid +'/'
            })
        },
        jc()
        {
            axios({
                url:this.base_url + 'userapp/xy/',
                method:'post',
                data:{'uuid':this.uuid,'code':this.check}
            }).then(res=>{
                console.log(res.data)
                if(res.data.code == 200)
                {
                    this.check_img = true
                    this.error_image_code = res.data.msg
                }
                if(res.data.code==500)
                {
                    this.check_img = false
                    this.error_image_code = res.data.msg
                }
            })
        },

class GenerateUUID(APIView):
    def get(self, request):
        # 注册页面 挂载时请求接口 返回一个uuid
        rt = random_code()
        # print(rt)
        return Response(str(uuid.uuid1()))


class Generateimg(APIView):
    '''
    返回前端验证码图片
    '''

    def get(self, request, uuid):
        # 2.创建随机数
        code = random_code()
        # 3.生成验证码图片
        image = make_verify_image(code, uuid)
        # 4.返回图片
        return HttpResponse(image, content_type='image/jpeg')