图形验证码

首先你要拿到图形验证码你就需要那到前端传的数据，如果你是保存在Redis中的，你完全可以把图形验证码作为key，然后随机生成的数据作为验证码放到图形验证码里，最后把生成的图形验证码返回给前端。

先给大家展示一下前端的代码

getImageCode(){
					//发送请求到后台获取数据  VerifycodeController
					let imageCodeKey = sessionStorage.getItem("registerImageCodeKey");
					if(!imageCodeKey || imageCodeKey === ''){
						imageCodeKey = this.createUuid();
						sessionStorage.setItem("registerImageCodeKey",imageCodeKey);
					}
					this.$http.get("/common/verifycode/imageCode/"+imageCodeKey).then(res=>{
					    //res.data :就是base64编码后的图片的字符串
						this.imageCode = this.imageCodePrefix+res.data.data;
					})
				},

前端的问题你自己去消化理解，我这边做不到一一解答。

上图获取这个key是通过这session来实现的，并做了判断。先获取在设置

前端用的是base64，我们后端也需要转化成base64

后端就可以写我们的接口代码

//生成图形验证码
    @GetMapping("/imageCode/{imgCode}")
    public JSONResult getImgCode(&