无法从 .env 文件中获取密钥答案

【问题标题】：Cannot reach key from .env file无法从 .env 文件中获取密钥
【发布时间】：2022-01-07 10:22:36
【问题描述】：

我正在使用 React.Js 并使用 emailjs 来管理联系表单。为了发送表单，我必须填写用户 ID 和模板 ID。但我不希望它可见，所以我把它放在 .env 文件中：

REACT_APP_USER_ID= user_id
REACT_APP_TEMPLATE_ID= template_id

为了在 sendForm() 属性中轻松传递这些值，我将它们放在变量中： (useContact.jsx)

const template = REACT_APP_TEMPLATE_ID
const user = REACT_APP_USER_ID

但不幸的是，这个配置没有发送表单。

我的文件夹架构 [.env, package.json, .gitignore, src/Components/Contact/useContact.jsx]

它在传递原始版本的值时起作用。

谢谢。

【问题讨论】：

【解决方案1】：

环境变量可以通过process.env访问

这取决于您如何加载 .env 文件，我建议您查看 dotenv package 以加载您的 env 文件

this stackoverflow answer 中的示例是您可以遵循的示例

【讨论】：

【解决方案2】：

您可以通过像这样访问 process.env 变量来访问环境变量

const template = process.env.REACT_APP_TEMPLATE_ID
const user = process.env.REACT_APP_USER_ID

注意：更新 .env 文件后必须重启服务器

【讨论】：