无法从 .env 文件获取密钥
Cannot reach key from .env file
我正在 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]
传递原始版本的值时有效。
谢谢。
您可以像这样访问process.env变量来访问环境变量
const template = process.env.REACT_APP_TEMPLATE_ID
const user = process.env.REACT_APP_USER_ID
注意:更新.env文件后需要重启服务器
环境变量可通过 process.env
访问
这取决于您如何加载 .env 文件,我建议您查看 dotenv package 以加载您的 env 文件
您可以效仿的示例来自
我正在 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]
传递原始版本的值时有效。
谢谢。
您可以像这样访问process.env变量来访问环境变量
const template = process.env.REACT_APP_TEMPLATE_ID
const user = process.env.REACT_APP_USER_ID
注意:更新.env文件后需要重启服务器
环境变量可通过 process.env
这取决于您如何加载 .env 文件,我建议您查看 dotenv package 以加载您的 env 文件
您可以效仿的示例来自