如何在React專案中利用環境變數實現功能?
P粉268284930
P粉268284930 2023-09-16 13:18:15
0
1
904

我正在嘗試將我的API密鑰保存為環境變量,但我不知道如何訪問它... 我使用npm安裝了dotenv,在根目錄下創建了文件,並將密鑰放在那裡。我嘗試在js檔案中透過使用process.env.API_KEY來存取它,但它顯示該變數未定義。

我嘗試在我需要金鑰的檔案頂部放置require('dotenv').config(),但它給我一個錯誤...

ERROR in ./node_modules/dotenv/lib/main.js 2:13-28
Module not found: Error: Can't resolve 'path' in ...

我覺得我可能要么將它放在了錯誤的文件中,要么是我漏掉了某些東西

P粉268284930
P粉268284930

全部回覆(1)
P粉014293738

作為總結:

要在您的React層中讀取API_KEY變量,您需要在建立之前匯出變數REACT_APP_API_KEY,然後在任何React部分中,您可以透過以下方式取得值:

process.env.REACT_APP_API_KEY

查看連結以了解為什麼需要前綴REACT_APP_

此外,如果您的令牌是長期有效或不可過期的令牌,則不應將其暴露給前端(React)。只有可過期的令牌(授權碼oauth2授權)應該暴露給前端層。

查看參考資料以了解如何處理前端變數

參考資料

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板