我正在使用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] 删除。
我来说两句