在angularJS中使用recaptcha

【问题标题】：Using recaptcha in angularJS在angularJS中使用recaptcha
【发布时间】：2019-05-23 14:32:54
【问题描述】：

我正在尝试在我的网站中添加一个 reCaptcha，我已经有一个密钥，但是当我添加 div 时它返回一个错误。

div vc-recaptcha theme="'light'" key="'key-number-here'"

在recaptcha中显示：网站所有者的错误：无效的密钥类型

我正在尝试在 localhost 中使用，并且我已经在这里注册： https://www.google.com/recaptcha

【问题讨论】：

【解决方案1】：

确保在您的 域设置 中添加 localhost（如果您正在使用端口号）并且您不需要在密钥中添加额外的引号

  <div class="g-recaptcha" data-sitekey="your_site_key"></div>

并确保在 html 代码中导入以下库

 <script src="https://www.google.com/recaptcha/api.js" async defer></script>

【讨论】：

如何添加 localhost 和端口？当我尝试将 localhost:52360 添加为新域时，此错误向我显示：“”以下域无效：localhost:52360。有效的域需要主机，并且不得包含任何协议、路径、端口、查询或片段""
默认不再支持localhost域developers.google.com/recaptcha/docs/faq#localhost_support