如何构建 React 应用程序并将 URL 从构建外部的文件中获取到后端？

问题描述

我有一个 React 应用程序，我使用一个变量来设置后端的 URL。

当我构建它时，URL 进入构建的静态文件。

我需要构建一个 React 应用，我可以在其中更改后端的 URL，从外部文件（构建外部）获取它。

可以吗？如果是这样，如何？

解决方法

您可以创建不同的环境文件，例如 .env.dev 或 .env.prod。在这些文件中，每个变量都必须在前面加上 REACT_APP_ 才能工作。例如：REACT_APP_API_URL = "https://api.com/"

然后您必须使用新的 start 命令更新您的 package.json 文件：

"start:development": "env-cmd -f .env.dev npm-run-all"
"start:production": "env-cmd -f .env.prod npm-run-all"

阅读更多相关信息here。