用图形验证码增强用户认证安全性[python+vuetify]

---

这里通过代码讲述了使用python生成以及校验图片验证码，增强用户认证安全性的过程。
客户端则使用 vue3 和 vuetify3 框架使用后台API生成的图片验证码。

生成验证码

主要思路是：随机生成字母和数字，使用随机的颜色创建白色背景上的验证码图片，再增加随机颜色的干扰线、干扰点以及干扰圆圈。主要逻辑代码如下：

from PIL import Image, ImageDraw, ImageFont
from random import randint, choices
from datetime import datetime

def _generate_captcha_text(length=5):
    return ''.join(choices("ABCDEFGHJKLMNPQRSTUVWXYZ23456789", k=length))

# 生成验证码
def generate_captcha():
    # 生成唯一ID作为验证码标识
    captcha_id = f"{
     int(datetime.now().timestamp() * 1000)}{
     randint(1000, 9999)}"
    captcha_text = _generate_captcha_text()
    captcha_image = _generate_captcha_image(captcha_text)
    return captcha_id,captcha_text,captcha_image

# 创建随机颜色
def _random_color():
    """
        生成随机颜色
        :return:
        """
    return randint(150, 235), randint(150, 235), randint(150, 235)

def _generate_captcha_image(captcha_text):
    
    image_width, image_height = 150, 40
    font_size: int = 25
    mode: str = 'RGB'
    character_length = len(captcha_text)

    # 创建一个白色背景的图像
    image = Image.new(mode, (image_width, image_height), 'white')
    draw = ImageDraw.Draw(image)
    font = ImageFont.load_default(size=font_size)

    # 绘制验证码文字
    for i, char in enumerate(captcha_text):
        x = 5 + i * (image_width-5)/(character_length)
        y = randint(-5, 5)
        draw.text((x, y), text=char,