如何制作配置文件以在React中存储API

Question

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

我尝试使用react-global-configuration但没有任何结果！ 谁能告诉我如何实现这一目标？

Answer 1

我建议您使用npm软件包dotenv。

您在存储库的根目录中创建一个.env文件，此软件包可帮助您的项目访问.env文件中的任何变量。您只需要：

npm install dotenv

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

require('dotenv').config()

您很高兴！

示例：

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

要访问变量的名称，只需在代码中调用process.env.DB_HOST。

注意：

如果您的项目是使用create-react-app创建的，则必须这样命名变量：

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

，如果要访问它，请使用：

process.env.REACT_APP_DB_HOST