英文:
How to feed env variables from an outside source to react js app
问题
你的项目结构如下所示：你有3个文件夹，分别是frontend（前端）、backend（后端）和config（配置）文件夹。你的.env文件位于config文件夹中。你想要使用React.js在前端从config文件夹中读取.env文件中的变量。
英文:
.
├── backend
│ ├── node_modules
│ ├── package.json
│ ├── routes
│ └── server.js
├── frontend
│ ├── node_modules
│ ├── package.json
│ ├── public
│ └── src
├── config
│ ├── .env
Above is my project structure. I have 3 folders, frontend, backend and the config folder. I have my .env file inside my config folder. What i want is to read the variables from the env file inside the config folder using react js which is the frontend
答案1
得分: 1
以下是翻译好的部分：
你可以按照以下步骤进行操作：
- 在你的 .env 文件中提供一个以
REACT_APP_开头的变量（例如：REACT_APP_MY_VAR）。 - 然后，在你的代码中，你可以使用
process.env来获取它（例如：process.env.REACT_APP_MY_VAR）。
示例：
在 .env 文件中定义变量
REACT_APP_COUNT=0
REACT_APP_DOMAIN_NAME=stackoverflow
如何使用？
console.log(process.env.REACT_APP_DOMAIN_NAME);
// 输出结果: stackoverflow
当你添加新的环境变量时，请不要忘记重新启动应用程序。
英文:
You can follow those steps:
- Provide a variable in your .env file which start with
REACT_APP_(e.g:REACT_APP_MY_VAR) - Then, in your code, you can get it using
process.env(e.g:process.env.REACT_APP_MY_VAR)
Example:
Define the variables in .env file
REACT_APP_COUNT=0
REACT_APP_DOMAIN_NAME=stackoverflow
How to use?
console.log(process.env.REACT_APP_DOMAIN_NAME);
// output: stackoverflow
Don't forget to restart the application when you add a new environment variable.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论