Reactjs 如何在React中创建存储api的配置文件

我想在配置文件中存储API，所以当我在开发或生产中部署它时，我只需要更改配置文件上的url，而不是所有js文件中的url。 但我不知道如何使用react.js中的配置文件

我尝试使用react全局配置，但没有得到任何结果！

---

有谁能告诉我如何做到这一点吗？

我建议您使用npm软件包

您可以在存储库的根目录中创建一个

.env

文件，这个包可以帮助您的项目访问

.env

文件中的任何变量。你只需要：

npm install dotenv

然后将这一行添加到App.js

require（'dotenv'）.config（）

你可以走了

例如：

> cat .env
DB_HOST="https://myserver.herokuapp.com"

要访问变量名，只需在代码中调用

process.env.DB\u HOST

注意：

如果您的项目是使用

create-react-app

创建的，则必须按如下方式命名变量：

REACT_APP_DB_HOST="https://myserver.herokuapp.com"

如果您想访问它，请使用：

process.env.REACT_APP_DB_HOST

---

@Maelig可能重复两个问题都不同。据我所知，您想将您的开发和产品配置分开？@Maelig是的，您所理解的是正确的，但问题是完全不同的。谢谢@josemartindev的帮助……但这不起作用。@ShwetaRathi为什么不起作用？它非常适合我和每周下载这个npm包的400多万用户