根據環境反應配置變量

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 。 所以看看這個。