个人中心
gpt4 book ai didi

javascript - 网站所有者 : Invalid site key 的 Google reCAPTCHA 错误

转载 作者：行者123 更新时间：2023-12-04 09:46:47 24 4
gpt4 key购买 nike

我无法在我的网站上使用 reCAPTCHA v3。我已经从 Google reCAPTCHA v3 网站输入了正确的代码，但它在右下 Angular 显示“网站所有者出错:网站 key 无效”。

我只有 7 岁，如果我错过了什么，请放轻松

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Recaptcha test</title>
    <script src="https://www.google.com/recaptcha/api.js"></script>
    <script>
      function onSubmit(token) {
          document.getElementById("demo-form").submit();
      }
    </script>
    <script src="https://www.google.com/recaptcha/api.js?render=reCAPTCHA_site_key"></script>


<body>
<button class="g-recaptcha"
        data-sitekey="reCAPTCHA_site_key"
        data-callback='onSubmit'
        data-action='submit'>Submit</button>
<script>
    function onClick(e) {
        e.preventDefault();
        grecaptcha.ready(function() {
            grecaptcha.execute('reCAPTCHA_site_key', {action: 'submit'}).then(function(token) {
                // Add your logic to submit to your backend server here.
            });
        });
    }
</script>


</head>
</body>
</html>

然后，我尝试了 reCAPTCHA v2 Checkbox，同样的事情发生了。虽然，“站点所有者错误:站点 key 无效”现在位于左上 Angular : 
    <!DOCTYPE html>?
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Recaptcha test</title>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
            async defer>
    </script>



<body>
<form action="?" method="POST">
    <div class="g-recaptcha" data-sitekey="your_site_key"></div>
    <br/>
    <input type="submit" value="Submit">
</form>
<script type="text/javascript">
    var onloadCallback = function() {
        alert("grecaptcha is ready!");
    };
</script>



</head>
</body>
</html>

最佳答案

我已经尝试了您提到的 reCAPTCHA v3 代码。

  • reCAPTCHA_site_key 位于三个位置，请检查您是否已在标题下将其替换为正确的站点 key :"COPY SITE KEY" .
  • 它显示“站点所有者错误:站点 key 无效”的原因是您可能正在尝试文件系统访问 key 。它在文件系统上不起作用，即，这不起作用:file:///E:/Personal%20Data/stackoverflow/recapcha.html
  • 将您的站点托管在 IIS/Node 等本地服务器上，并在 recaptcha 的域配置中添加相同的域。
    for example if your website is: https://www.testingrecapcha.com/ then add testingrecapcha.com in domains of rechapcha configurations. (to reach admin console of recapcha, use this: https://www.google.com/recaptcha/admin and select your relevant site and click on settings icon).

    • 关于javascript - 网站所有者 : Invalid site key 的 Google reCAPTCHA 错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62083503/

    24 4 0
    文章推荐： sql - 选择按值分组的行之间共享的最后日期的所有值
    文章推荐： html - SVG:在弧形中插入图像
    文章推荐： elixir - 在 Elixir 中使用 Task.async_stream 将 1K 图像写入磁盘
    文章推荐： python - 如何从 Pandas MultiIndex 制作 Seaborn 线图？
    行者123
    个人简介

    我是一名优秀的程序员,十分优秀！

    滴滴打车优惠券免费领取
    滴滴打车优惠券
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com