React.js:為什麼使用它時從 .env 檔案存取我的 API 金鑰需要 REACT_APP 前綴? IE。 (process.env.REACT_APP_API_KEY)
<p>根據我的理解,.env 檔案應該保存帶有REACT_APP 前綴的API 金鑰,後跟其名稱,並且要使用該變量,我們必須省略REACT_APP 前綴,但我注意到在某些情況下有不同的行為。 </p>
<p>我在 .env 檔案中設定環境變量,如下所示:<code>REACT_APP_YOUR_KEY_NAME=9999999999999</code>。並假設它是透過 process.env.YOUR_KEY_NAME 存取的。但我注意到在某些情況下(不是唯一的)需要前綴,否則鍵看起來是<code>未定義</code>。因此,它僅在我使用 <code>process.env.REACT_APP_YOUR_KEY_NAME</code> 時才有效。 </p>
<pre class="brush:php;toolbar:false;">const FetchData= async () => {
try {
const cache = localStorage.getItem('apiData');
if (cache) {
return JSON.parse(cache);
} else {
const response = await fetch(`${url}?key=${process.env.REACT_APP_API_KEY}`);
const jsonData = await response.json();
localStorage.setItem('gameData', JSON.stringify(jsonData));
return jsonData;
}
} catch (error) {
console.error('Error occurred:', error);
return null;
}
};
export default FetchData;</pre></p>