vue2.0 + 极验验证

article/2025/9/23 5:16:59

 

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是我大爷提供的技术支持。其他地方是自己琢磨写的……哈哈,因为最近有小伙伴问了,所以写了这个。希望对大家有帮助哟!(^U^)ノ~YO
小白写的可能比较繁琐简单了些,本人感觉还挺好理解的,只要api能正确请求 正确引用gt.js就好了。

 


http://chatgpt.dhexx.cn/article/ggJJ1naK.shtml

相关文章

更安全的验证方式-极验验证

简介 极验验证是一种在计算机领域区分自然人和机器人的&#xff0c;通过简单集成的方式&#xff0c;为开发者提供安全、便捷的云端验证服务&#xff0c;与以往传统验证不同的是&#xff0c;极验通过分析用户完成拼图过程中的行为特征&#xff0c;通过数据分析来判断是人还是机…

centos7 创建、删除目录软连接

创建/删除目录软连接 ① 目录只能创建软链接 ② 目录创建链接必须用绝对路径&#xff0c;相对路径创建会不成功&#xff0c;会提示&#xff1a;符号连接的层数过多这样的错误 ③ 在链接目标目录中修改文件都会在源文件目录中同步变化 1.创建软连接 创建源目录&#xff1a; …

C#删除目录和目录下的所有文件

方法1&#xff1a;直接删除法 DirectoryInfo di new DirectoryInfo(string Path);di.Delete(true); 注&#xff1a;path是你要删除的非空目录&#xff1b; true&#xff1a;你要删除里面所有的文件&#xff0c;包括文件夹和子文件夹 方法2&#xff1a;层级删除法 /// <…

练习HDFS的访问,创建目录,删除目录--超详细

1、如果连接被拒绝&#xff0c;则输入&#xff1a; source ~/.bash_profile: 2、进入到sbin目录下输入&#xff1a;start-dfs.sh&#xff0c;重启一下。 之后再输入hdfs dfs -ls /&#xff0c;没有出现拒绝连接即可。 3、若需要创建目录&#xff0c;则输入&#xff1a; hdfs…

linux删除目录下文件的几种方法

删除某个目录下的文件 > tree . . └── rumenz├── 1.txt├── 2.txt└── one2 directories, 2 files删除rumenz目录下的所有文件(不删除目录) > rm -f rumenz/* rm: cannot remove ‘rumenz/one’: Is a directory如果是一个目录就跳过提示 使用find删除rumenz…

linux 删除目录下所有指定的子目录

find /var/lib/jenkins/jobs/service-sit-jck-syc/jobs -type d -name "builds" -exec rm -rf {} find 【要搜索的目录】 -type d【d为目录&#xff0c;如果是删除指定文件&#xff0c;就用f】-name “【要删除的目录名】” exec rm -rf {}

bat脚本删除目录下的文件

今天在写脚本的时候有一个场景是需要判断目录是否存在如果存在的话就删除掉这个目录&#xff0c;然后在执行其他操作。 我们需要删除delete目录及其目录下的所有文件 D: set dir delete echo %dir% if exist %dir% ( del /s /q %dir% rd /s /q %dir% ) pause

在 Linux 中删除目录——如何从命令行删除目录和内容

Linux 是著名的开源操作系统,其功能通常在你的开发环境中可用。熟练使用它的基本命令,可以使开发人员的生活变得更加轻松。 在这篇指南中,你将学习如何从 Linux 命令行删除目录和文件。 Linux rm 命令 rm(remove 的缩写)命令非常有用。让我们学习它的语法,并查看一些示…

C++删除目录,包括该目录下所有子目录和文件

目录 一、FindFirstFile 1.函数功能&#xff1a; 2.函数原型&#xff1a; 3.参数&#xff1a; 4.返回值&#xff1a; 5.注意&#xff1a; 二、FindNextFile 1.函数功能&#xff1a; 2.函数原型&#xff1a; 3.参数&#xff1a; 4.返回值&#xff1a; 5.注意&#x…

如何使用 rmdir 命令删除目录?

rmdir 是您将在开始时学习但很少使用的基本 Linux 命令之一。 为什么&#xff1f; 因为听起来好像 rmdir 用于删除目录&#xff08;即文件夹&#xff09;&#xff0c;但事实是&#xff0c;默认情况下&#xff0c;它只删除空目录。 在 Linux 中使用 rmdir 命令 rmdir 有一个…

java实现删除目录

问题 要求&#xff1a;采用java实现删除指定目录及其下所有文件 如果直接directory.delete()&#xff0c;是不能够直接删除不为空的目录。 这里采用递归实现&#xff0c;首先获取该目录下的所有内容&#xff0c;放到files数组里&#xff0c;然后对于files进行循环&#xff0c;并…

几种删除Linux目录的方法

在Linux中有很多方法可以删除目录&#xff0c;在图形化界面可以利用文件管理器&#xff0c;或者通过终端删除。本文将介绍在文本界面使用命令删除目录。 在Linux中有很多方法可以删除目录&#xff0c;在图形化界面可以利用文件管理器&#xff0c;或者通过终端删除。本文将介绍…

创建和删除目录( mkdir函数 和 rmdir函数 )

文章目录 前言一、目录存储形式二、创建和删除目录mkdir 函数rmdir 函数 前言 目录&#xff08;文件夹&#xff09;在 Linux 系统也是一种文件&#xff0c;是一种特殊文件&#xff0c;同样可以使用前面给大家介绍 open、read 等这些系统调用以及 C 库函数对其进行操作&#xf…

蓝队-ELK日志分析系统Yara规则写入

因为经常使用的是window&#xff0c;所以就用window操作系统直接搭建 需要到Elasticsearch、Logstash、kibana官网下载&#xff0c;且必须版本都一致&#xff0c;本次我使用的是7.6.1版本 Elasticsearch:用于存储收集到的日志信息&#xff1b; Logstash:用于收集日志转发给Ela…

linux 静态编译 yara

最近有个需求&#xff0c;要在go中调用yara&#xff0c;发现官方的go-yara跨平台做的不是很好&#xff0c;于是决定在go中直接调用外部yara程序&#xff0c;这样只需要写一份代码在windows和linux上都能用了。 发现官方只提供了windows的发布程序&#xff0c;linux需要自行编译…

Yara引擎编译和发布

我们自己设计软件时有很多情况都需要集成yara引擎 项目-管理NuGet程序包&#xff0c;下载几个包并安装 确保是git上最新代码即可编译 package目录下的include和lib是自动添加到项目中的。 发布时要注意除了yara编译需要依赖的jansson、libcrypto、libssl这几个库&#xff0…

使用yara分析

有时碰到大批量的样本&#xff0c;又发现其中很多相似点&#xff0c;这个时候就需要模式匹配了&#xff0c;yara在分析中当之无愧。 具体的yara规则是怎么回事&#xff0c;freebuff上有相关的文章&#xff0c;要不然看文档也是可以的。这里只记录我第一次使用的几个步骤。 &…

Yara规则编写

YARA规则的标识符类似于C语言结构&#xff0c;其规则声明以rule标识&#xff0c;在规则描述中可以包括字母、数字甚至下划线字符&#xff0c;但字符串第一个字符不能是数字&#xff0c;且单条描述不能超过128个字符。 Yara关键字 YARA规则由字符串区域和条件区域两部分组成&…

Yara规则以及yargen工具总结

Yara规则以及yargen工具总结 任务目标 yara规则&#xff1b;使用yargen对webshell生成yara规则;使用yara对目标文件进行扫描。 任务一&#xff1a;yara规则 yara规则&#xff1a; 首先我从yara规则的结构出发&#xff0c;yara规则分为两部分&#xff1a;字符串定义和条件表…

Yara安装及python运用

Yara YARA是一款旨在帮助恶意软件研究人员识别和分类恶意软件样本的开源工具&#xff0c;使用YARA可以基于文本或二进制模式创建恶意软件家族描述与匹配信息。现在已经被多家公司所运用于自身的产品。 YARA-规则 YARA规则的字符串有三种类型&#xff1a;文本字符串、十六进制…