我剛剛在 HEROKU 上部署了一個 React 應用程式（該應用程式由create-react-app.
我的應用程式檔案在 Github 上，我將 HEROKU 設定為指向該 github 存盤庫。
我的應用程式使用 API 密鑰。通常（當我在本地啟動專案時）API 密鑰是從根級別的 .env 檔案訪問的，我使用dotenv包訪問它。但是我沒有將這個 .env 檔案提交到 github（.env 在 gitignore 中）。
我了解 HEROKU 需要了解此 API 密鑰。因此，我進入了我的 HEROKU 應用程式的設定頁面，并在那里添加了 API 密鑰。但是我不確定我是否正確地執行此操作，因為 API 無法正常作業。
這就是我在 HEROKU 的設定中輸入 API 密鑰的方式（我也嘗試過僅使用 REACT_APP_LASTFM_API_KEY - 而不是之前的 process.env。）：
這就是 API 密鑰在應用程式中的使用方式（變數是process.env.REACT_APP_LASTFM_API_KEY）
const url = `http://ws.audioscrobbler.com/2.0/?method=artist.getinfo&artist=${artist}&api_key=${process.env.REACT_APP_LASTFM_API_KEY}&format=json`;
uj5u.com熱心網友回復：
Heroku 設定中宣告的環境變數特定于在 Heroku 本身上運行的行程。
由于您的應用程式將在客戶端的瀏覽器上運行，因此 React 應用程式將在客戶端的瀏覽器中查找這些環境變數。
Heroku 的唯一作業是托管和提供靜態檔案。Heroku 提供的這些靜態檔案必須嵌入這些環境變數，而這正是 CRAreact-script為您所做的。
請注意，這不僅僅針對 Heroku，Azure 或 Cloud 運行也是如此。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/414162.html
標籤：