react 如何引入.env
时间: 2023-09-01 11:09:27 浏览: 54
在React项目中,可以通过引入.env文件来使用环境变量。首先,在项目根目录下创建一个.env文件。然后,在.env文件中定义你的环境变量,例如:
```
REACT_APP_ENV=development
```
接下来,在你的代码中,你可以通过`process.env.REACT_APP_ENV`来访问这个环境变量。例如,在上面的代码中,通过`process.env.REACT_APP_ENV`来获取环境变量的值,并根据不同的值返回不同的API基础URL。\[3\]
需要注意的是,为了确保.env文件中的环境变量在React应用中生效,你需要在引入.env文件之前重启你的开发服务器。这样,你的React应用就可以正确地读取.env文件中定义的环境变量了。\[2\]
#### 引用[.reference_title]
- *1* [React使用.env.*进行环境部署](https://blog.csdn.net/sayUonly/article/details/118225775)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue,react 项目.env 环境变量原理解析](https://blog.csdn.net/qq_39953537/article/details/109256826)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [.env 环境变量使用,React项目中使用 .env.*等文件使用](https://blog.csdn.net/AS_TS/article/details/131288099)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]