React.js: Warum erfordert der Zugriff auf meinen API-Schlüssel über eine .env-Datei das Präfix REACT_APP, wenn ich diese verwende? dh. (process.env.REACT_APP_API_KEY)
<p>Nach meinem Verständnis sollte die .env-Datei den API-Schlüssel mit dem Präfix REACT_APP gefolgt von seinem Namen enthalten und um die Variable zu verwenden, müssen wir das Präfix REACT_APP weglassen, aber mir ist aufgefallen, dass es in einigen Fällen einen Unterschied im Verhalten von gibt . </p>
<p>Ich habe die Umgebungsvariable in der .env-Datei wie folgt festgelegt: <code>REACT_APP_YOUR_KEY_NAME=9999999999999</code>. Und vorausgesetzt, der Zugriff erfolgt über process.env.YOUR_KEY_NAME. Mir ist jedoch aufgefallen, dass in einigen Fällen (nicht eindeutig) ein Präfix erforderlich ist, da der Schlüssel sonst wie <code>undefiniert</code> aussieht. Es funktioniert also nur, wenn ich <code>process.env.REACT_APP_YOUR_KEY_NAME</code> verwende. </p>
<pre class="brush:php;toolbar:false;">const FetchData= async () =>
versuchen {
const Cache = localStorage.getItem('apiData');
if (cache) {
return JSON.parse(cache);
} anders {
const Response =wait fetch(`${url}?key=${process.env.REACT_APP_API_KEY}`);
const jsonData = waiting Response.json();
localStorage.setItem('gameData', JSON.stringify(jsonData));
jsonData zurückgeben;
}
} Catch (Fehler) {
console.error('Fehler aufgetreten:', Fehler);
null zurückgeben;
}
};
Standard-FetchData exportieren;</pre></p>
