Javascript 在React中隐藏API键

我们有一个使用API密钥（Accesstoken）的应用程序。我们希望将API密钥隐藏在.env文件中

我们已经完成了以下步骤

在源文件夹中创建了一个.env文件（使用.gitignore）

添加到.env中 REACT\u APP\u ACCESSTOKEN=pk.ffe1Ijo

在终端中添加了npm install dotenv

已将添加到我们的map.component文件中- 从“dotenv”导入dotenv dotenv.config（） const accessToken=process.env.REACT\u APP\u accessToken

添加到webpack.config.js-

外部：[“fs”]， 决心：{ 扩展：['.js'、'.jsx'、'.ts'、'.tsx'] },

现在我们在web浏览器控制台中得到错误消息，fs未定义。或者找不到Acesstoken。

根据，除非您正在创建玩具应用程序，在您的应用程序中存储密钥不是一个好主意

但是，如果你真的需要：

如果您使用的是createreact应用程序，则无需安装单独的dotenv库，因为它是开箱即用的

---

否则，

dotenv webpack

可能是您可以尝试的。另见。

谢谢，我们运行了npm i dotenv webpack命令，然后修改了webpack.config.js（如链接所示），它成功了。