1.极验验证gt.js需要注意的是这两行
window.initGeetest = initGeetest;
return initGeetest;
网上有博主的文章中是没有这两行的截图的，需要注意。完整的js如下：
-----------------------------------------------------------------------------------------------------------
gt-1.js 修改过的js 使用export导出，使用时import引入

gt-2.js 极验文档js 使用vuex，在store下的index文件中使用Vue.use(Gt)导入
-----------------------------------------------------------------------------------------------------------
2.极验验证接口
本人用的是axios 所以api是这样写的，可以用自定义的，只要接口写的对该传的参数对了即可。

2.1 axios-api接口

2.2极验验证接口api

3.在页面中显示极验验证的位置

4.在需要极验验证的页面引入接口api和极验验证的gt.js

5.极验验证方法及极验验证成功显示在页面中查看获取参数的地方参数用来调用短信接口时用到的

/***** start- 2018-09-27 获取极验参数修改获取方法：[之前没有看文档写的，今天看了文档！！！尴尬￣□￣｜｜] *****/

_this.geetest_challenge = captchaObj.getValidate().geetest_challenge;

_this.geetest_validate = captchaObj.getValidate().geetest_challenge;

_this.geetest_seccode = captchaObj.getValidate().geetest_challenge;

< 如果使用vuex的，通过mapActions调用，在调用极验接口之后返回对象的 res <=> captchaObj >
geetest_challenge = res.getValidate().geetest_challenge
geetest_validate = res.getValidate().geetest_validate
geetest_seccode = res.getValidate().geetest_seccode

/**

注：[原来document的写法可以改为以下写法↓↓↓↓↓↓↓

极验验证官网文档使用方法-->通过 ajax 方式进行二次验证]

document.getElementByTagName('input')['geetest_xxx'] 替换为 obj.getValidate().geetest_xxx

**/

/***** end- 2018-09-27 ￣□￣｜｜] *****/

6.在created(){}中调用this.initGtCaptcha()

【有问题可咨询+q：791758820】

我是个vue初入门的小白gt.js是借鉴了该文章博主【https://www.cnblogs.com/JiaXingBingGan/p/7111702.html】github上的js ,发现自己拿过来用的极验js少了点东西。axios-api是我大爷提供的技术支持。其他地方是自己琢磨写的……哈哈，因为最近有小伙伴问了，所以写了这个。希望对大家有帮助哟！(＾Ｕ＾)ノ~ＹＯ
小白写的可能比较繁琐简单了些，本人感觉还挺好理解的，只要api能正确请求正确引用gt.js就好了。

vue2.0 + 极验验证相关推荐

【源码分析】极验验证官方SDK源码分析和实现思路
前言 2016年就这么来了,新的一年,继续努力~ 最近,除了12306的验证码火起来以后,还有一个在界面上拖拽的验证码,也火了起来,就是这次要说的极验验证,在这个万众创新的时代,工具类产品能做到这样, ...
乱序图片极验_极验验证吴渊：传统图片验证方式已经无效了！
吴渊,极意网络CEO 黑五月频发的宕机门告诉我们:数据安全,所有创业者都应该关注! 让我们来听听IDG资本的两位投资人大佬的深刻分析,以及5家创业公司CEO/CTO大拿的深切呼吁吧!--这里不止有干货 ...
极验验证（滑动验证）的使用
极验验证目录一.样例二.注册账号三.获取ID 四.极验官方文档(参考) 五.SpringBoot集成极验 5.1.maven依赖(可能有些需要自己去导,个人的包依赖太多不好全部放上来,核心就这两 ...
极验验证--滑块验证
极验验证–滑块验证本文通过通过模拟登录极验网站,完成滑块验证所用语言和相关模块 python3.6 selenium requests` PIL 极验验证码特点分析极验验证是一种在计算机领域用于 ...
极验验证滑块破解，canvas
前言请勿用于商务用途哦,仅限于学习,否则后果自负哦有两篇关于极验验证滑块破解的文章,在此分享一下: https://www.jianshu.com/p/c8df1194b514 https://w ...
Spring Boot 极验验证滑动验证码
概要基于极验验证官网 java版gt3-java-sdk改编,使用Spring Boot 整合的极验滑动验证,包含form表单登录和ajax登录两种情况. 目录注册账户获取ID和KEY Demo源 ...
Android极验验证集成【滑块+文字验证】
前言: 先复制一段官网介绍产品介绍极验「行为验证」是一项可以帮助你的网站与APP识别与拦截机器程序批量自动化操作的SaaS应用.它是由极验开发的新一代人机验证产品,它不基于传统"问题-答 ...
极验验证简介(待续)
百度百科介绍: 极验验证是一种在计算机领域用于区分自然人和机器人的,通过简单集成的方式,为开发者提供安全.便捷的云端验证服务. 与以往传统验证码不同的是,极验通过分析用户完成拼图过程中的行为特征,通过 ...
更安全的验证方式-极验验证
简介极验验证是一种在计算机领域区分自然人和机器人的,通过简单集成的方式,为开发者提供安全.便捷的云端验证服务,与以往传统验证不同的是,极验通过分析用户完成拼图过程中的行为特征,通过数据分析来判断是人 ...

vue2.0 + 极验验证

/**

注：[原来document的写法可以改为以下写法↓↓↓↓↓↓↓

极验验证官网文档使用方法-->通过 ajax 方式进行二次验证]

document.getElementByTagName('input')['geetest_xxx'] 替换为 obj.getValidate().geetest_xxx

**/

vue2.0 + 极验验证相关推荐

最新文章

热门文章