如何在nuxt中使用Google Recaptcha?

kamilon123s

我正在使用nuxt并想使用此库:https : //github.com/nuxt-community/recaptcha-module但是我不明白如何验证用户是否通过了检查。这个例子并没有告诉我太多(https://github.com/nuxt-community/recaptcha-module/blob/master/example/v3/pages/index.vue)。有人可以告诉我如何正确执行吗?

约旦

这个例子只是故事的一半。它在客户端返回Recaptcha V3令牌。

然后必须将其发送到服务器端并使用您的密钥进行验证。

这是通过向该URL发送帖子来完成的:

const url = `https://www.google.com/recaptcha/api/siteverify?secret=${secretKey}&response=${token}`;

您不想在客户端允许此密钥。

要在Nuxt中实现此功能(假设版本为2.13+),则可以privateRuntimeConfig在nuxt配置中使用。

这将允许您链接.env文件,使其仅在服务器端注入。

对于此用例,这样的privateRuntimeConfig应该足够了:

privateRuntimeConfig: {
    secretKey: process.env.GOOGLE_SECRET
}

完成此操作后,您将可以this.$config在Nuxt应用程序内访问这些变量-在这种情况下this.$config.secretKey,调用Recaptcha验证端点。

有关更多信息,请查看Nuxt博客

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章