根据环境反应配置变量

Question

在我的 React 应用程序中，我有一个组件 say chart，其中调用了外部 API。

在本地运行时，API URL 将是localhost:8080部署时，API URL 应该是prod:8080

基于.env 的示例使用 process.env 并且在 API 称为进程的组件内部未定义。

有没有办法访问在浏览器上运行的组件内的 env 文件。

Answer 1

如果您使用 CRA：

React 关于环境变量的文档：

“您的项目可以使用在您的环境中声明的变量，就好像它们是在您的 JS 文件中本地声明的一样。默认情况下，您将为您定义 NODE_ENV，以及任何其他以REACT_APP_. ”

否则你可能会使用类似dotenv的东西并将它导入你的应用程序index.tsx

对于您的特定用例，您还需要 2 个.env文件，因为您需要一个用于development和production 。 所以看看这个。