vue+django实现图片验证码验证

获取图片验证码的流程及分析：

       一、前端流程：

                1、前端挂载页面时生成唯一的uuid向后端发送获取请求图片验证码

                2、后端接受请求并生成图片验证码，并以uuid为键

                3、后端将生成的图片验证码以图片类型返回给前端

                4、前端流程分析图：

                

5、将用户页面上显示的验证码，输入文本库、点击验证 ，并携带uuid向后端发起验证。

6、后端接受请求、接收参数、校验参数

7、后端从redis中取出当前UUID验证码的文本，并与前端传入的验证码进行比对。

8、后端返回相应的响应信息

二、后端代码接口

        1、接口的定义：

                请求方式：

选项	方案
请求方法	GET
请求地址	image_codes/<?uuid>[w-]+)/

        2、请求参数：路径参数

参数名	类型	是否必传	说明
uuid	string	是	唯一编号

        3、响应结果:image/jpg

                 

  2、视图函数、路由(mz成图片y代)