首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >错误:不存在reCAPTCHA客户端(reCAPTCHA v3)

错误:不存在reCAPTCHA客户端(reCAPTCHA v3)
EN

Stack Overflow用户
提问于 2018-12-21 04:01:30
回答 6查看 33.3K关注 0票数 16

我已经在我的一个表单中集成了reCAPTCHA v3。在onload中,有一个生成的令牌和右下角的google captcha徽标。但是当我提交表单时,控制台中显示了一个错误," error : No reCAPTCHA clients exist“。而且,看起来"g-recaptcha-response“没有获取任何数据,而$_POST"g-recaptcha-response”仍然是空的。

以下是示例代码:

代码语言:javascript
运行
复制
<script type="text/javascript">
    var ReCaptchaCallbackV3 = function() {
        grecaptcha.ready(function() {
            grecaptcha.execute("site_key").then(function(token) {
                console.log("v3 Token: " + token);
            });
        });
    };
</script>

<script src="https://www.google.com/recaptcha/api.js?onload=ReCaptchaCallbackV3&render=site_key"></script>

提交表单时,它不会生成任何"g-recaptcha-response“。

我对google reCaptcha了解不多。我遵循了他们提供的文档,并以适当的方式使用了站点和密钥。

谁能告诉我问题出在哪里?可能的解决方案是什么?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2019-02-12 13:00:22

在尝试发送请求之前,您是否尝试过加载脚本?

代码语言:javascript
运行
复制
<script src="https://www.google.com/recaptcha/api.js?onload=ReCaptchaCallbackV3&render=site_key"></script>
<script type="text/javascript">
    var ReCaptchaCallbackV3 = function() {
        grecaptcha.ready(function() {
            grecaptcha.execute("site_key").then(function(token) {
                console.log("v3 Token: " + token);
            });
        });
    };
</script>
票数 5
EN

Stack Overflow用户

发布于 2019-07-06 18:39:52

我相信当加载reCaptcha api.js,但是您的容器还没有出现在页面上(至少对于v2)时,就会出现这个错误。当我导航到页面而不是作为第一个页面加载它时,我在React应用程序中发生了这个错误。我没有使用render=explicit和全局名称空间onLoadCallback,而是能够通过手动呈现验证码元素来解析它。

不创建<div class="g-recaptcha"></div>,而是只给容器div一个id (<div id="recaptcha-container"></div>),并在JS代码中呈现它(例如,在React应用程序的componentDidMount中):

代码语言:javascript
运行
复制
grecaptcha.ready(function() {
  grecaptcha.render("recaptcha-container", {
    "sitekey": "your-site-key"
  });
});
票数 14
EN

Stack Overflow用户

发布于 2019-09-02 16:20:58

当我在使用reCAPTCHA v3时遇到这个问题,是因为我没有传递给它正确的站点密钥。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53875281

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档