reactjs - 将连接字符串添加到生产应用程序

我有一个可以投入生产的应用程序。为了让它工作，每个客户端都需要设置一个唯一的 url 来访问他们的数据。我将如何准备应用程序以便轻松地将 url 作为访问点添加到客户端？

正确的方法是将其添加到 manifest.json 文件中并以某种方式从那里引用它吗？（直到现在在开发中，我只在 js 文件中使用了全局 URL）

标签： reactjsproduction

您需要安装包dotenv 包并在根目录中创建一个.env文件，该文件应包含您的环境变量。

假设您所指的 URlhttp://localhost:3000/some/url在您的本地主机上，那么您的.env文件可能如下所示：

MY_URL=http://localhost:3000/some/url

然后在您的反应应用程序中，您可以通过以下方式获得价值MY_URL：

const url = process.env.MY_URL

请注意，如果您使用的是create-react-app 包，那么您不需要安装dotenv 包，因为它已经附带了create-react-app 包。您还需要更改它：

REACT_APP_MY_URL=http://localhost:3000/some/url

还要确保将.env文件添加到您的.gitignore文件中，这样您就不会将其推送到您的存储库中。

假设您正在将应用程序部署到 Heroku。Heroku 提供了一个简单的界面，允许您添加环境变量，如下所示：

而已。