代码之家 › 专栏 › 技术社区 › xeraphim

vue.js中的Google Recaptcha v3

recaptcha-v3 recaptcha vue.js typescript javascript

0

xeraphim · 技术社区 · 5 年前

我试图用谷歌recaptcha v3保护一个在vue.js中构建的注册表单。我使用的是npm包vue-recaptcha v3( https://www.npmjs.com/package/vue-recaptcha-v3 ).

这就是我在我的网站上集成vue-recaptcha v3的地方(在注册按钮周围)。

<vue-recaptcha sitekey="mysitekey" :loadRecaptchaScript="true">
        <b-button type="submit" variant="primary" class="min-w-50 mt-2" :disabled="disableForm">Register now</b-button>
</vue-recaptcha>

我从'vue-recaptcha'导入了VueRecaptcha,并在组件中注册了它。

打开网站时,我在左下角看到了“受谷歌recaptcha保护”的徽章。

问题是,当我尝试自己手动发送表单时,即使我不是机器人,也无法提交:-)

当我点击注册按钮时,它会向发送另一个帖子请求 https://www.google.com/recaptcha/api2/reload?k=mysitekey

我是否需要做更多的事情,以便它只将机器人识别为机器人,而不是我?

提前感谢

0 回复 | 直到 5 年前