作者:皇家突然回家_390 | 来源:互联网 | 2023-08-18 18:47
此功能基于vue(v2.6.8)+typescript(v3.3.3333),引入极验(geetestv3+)(官方api),使用其product:‘bind’模式,页面挂载后初始
此功能基于vue(v2.6.8) + typescript(v3.3.3333), 引入极验(geetest v3+)(官方api),使用其product: ‘bind’模式, 页面挂载后初始化ininGeetest,点击登录按钮后先做表单验证,通过后弹出滑块框,拖动验证成功,执行登录方法。
本项目为前后端分离,所以后端部署部分,请自行参考文档操作
后台接口:
开始:
- /public/js目录添加 jquery-1.12.3.min.js文件 和 gt.js(下载)
- 在/public/index.html中引入以上添加的两个文件
- login.vue使用
注意事项:
- 要注意在gt.js中,initGeetest已被挂载到window对象
- 页面可能报错: Uncaught SyntaxError: Unexpected token <
将报错对象添加到与public同级的static目录下(没有则新建),修改引入路径即可。
源码: