如何在 React 中从 index.html 中的 .env 文件读取站点密钥？

Question

我在 React 网站上使用 reCAPTCHA v3 从 .env 文件中读取站点密钥。 我在我的组件中以这种方式使用它并且它工作正常：

const recaptchaToken = await new Promise((resolve) => {       window.grecaptcha.ready(() => {         window.grecaptcha.execute(process.env.REACT_APP_RECAPTCHA_SITE_KEY, { action: "contact" }).then(resolve);       });     });

但是我无法在 index.html 中读取它，因为它运行出错。但是，如果我使用在

<script>

标签之间刻录的站点密钥，它就可以工作。

<script src="https://www.google.com/recaptcha/api.js?render=****************************"></script>

如何修复它，这样我就不想使用烧入的密钥？

但是我无法在 index.html 中读取它，因为它运行出错。但是，如果我使用在

<script>

标签之间刻录的站点密钥，它就可以工作..

见上文。