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

Question

我想将 API 存储在配置文件中，所以当我在开发或生产上部署它时，我只需要更改配置文件上的 url，而不是所有 js 文件。 但是我不知道如何在 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