Vue.js Nuxt密钥和reCaptcha

我正在使用

nuxt.js

对预呈现的html页面使用通用模式，并拥有来自Google reCaptcha的密钥

在

numxt.js

应用程序中，哪里是存储密钥的最佳位置？它们在

numxt.config.js

中的

env

对象中执行吗

export default {
  env: {
    secret: process.env.SECRET
  }
}

---

当应用程序是用

nuxt generate

生成的，并且应用程序是客户端时，这是如何工作的？env文件保留在服务器上，从未向客户端公开，或者所有内容都经过编译和打包以发送到客户端？

您不应该将密钥存储在客户端上。

---

密钥验证的目的是验证用户的响应。您需要使用适当的代码将其存储在后端进行验证（）

如果您有Nuxt 2.13+，您可以在

numxt.config.js

中使用

privateRuntimeConfig

。在那里，您可以链接到您的.env，密钥将被注入服务器，并且在前端不可见

privateRuntimeConfig

应保存所有私有的环境变量 这不应该暴露在前端。这可能包括 例如，对API秘密令牌的引用