目录

验证码的前端实现

【验证码的前端实现】

视频笔记

验证码的前端实现

https://i-blog.csdnimg.cn/blog_migrate/ceaf54b2750c5688fdac65e10d2be8c3.png

前端验证码的实现过程

https://i-blog.csdnimg.cn/blog_migrate/aefd435d0e039f0dd788ba297b232cae.png

再调用一个方法getCodeImg(),回调成功后,给它附一个url(一张图片),再把uuid这个key值存到表单loginForm里,保证key不会重复

其中调用了另一个方法(从另一个脚本中引入的方法:getCodeImg() )

https://i-blog.csdnimg.cn/blog_migrate/4e4dae726604419e5556553140254c1b.png

https://i-blog.csdnimg.cn/blog_migrate/0c419e43443e47d550dff81aed14cb4b.png

@/api/login的意思就是: 根目录/api文件/login.js 其中前端验证的登录退出等验证规则都是在这个文件里写入

https://i-blog.csdnimg.cn/blog_migrate/f3abac5f3e07a9e33dcb1329826d5ee3.png

https://i-blog.csdnimg.cn/blog_migrate/dff5bb6ce9064ac4c1dd81abd7585ad4.png

来找一下引入的request对象

https://i-blog.csdnimg.cn/blog_migrate/eb9c8d07daee0545f3554cdf0deb67a4.png

axios:经过了两次的封装,在request中调用

https://i-blog.csdnimg.cn/blog_migrate/d6961ea1ae20aee4c6e2dafbe589282e.png

这代表什么意思?dev-api是环境前缀,captchaImage是指当前url名

https://i-blog.csdnimg.cn/blog_migrate/e66f68bb72a2d90e643f8f24c3058bd6.png

url

https://i-blog.csdnimg.cn/blog_migrate/0cefd5e1250b2df43ec23e1095453304.png