環境変数を使用して React プロジェクトに関数を実装するにはどうすればよいですか?-PHP中国語ネットワークQ&A

に質問

環境変数を使用して React プロジェクトに関数を実装するにはどうすればよいですか?

P粉268284930 2023-09-16 13:18:15 表示＃ヒョウジ＃ 1239

React

API キーを環境変数として保存しようとしていますが、アクセス方法がわかりません... npm を使用して dotenv をインストールし、ルートディレクトリにファイルを作成し、そこにキーを置きました。 process.env.API_KEYを使用してjsファイルでアクセスしようとしましたが、変数が未定義であることが表示されます。

キーが必要なファイルの先頭に require('dotenv').config() を配置しようとしましたが、エラーが発生しました...

リーリー

間違ったファイルに入れたか、何かが足りないかのどちらかだと思います

Your Answer

提出する

1 件の回答

＃＃＃結論は：＃＃＃

React レイヤーで

API_KEY

変数を読み取るには、ビルドする前に変数 REACT_APP_API_KEY をエクスポートする必要があります。その後、任意の React パーツで : を介して値を取得できます。リーリー プレフィックス

REACT_APP_

が必要な理由については、リンクを参照してください。さらに、トークンが有効期間の長いトークンまたは有効期限のないトークンである場合は、フロントエンド (React) に公開しないでください。有効期限切れのトークン (