reactjs – 如何在create-react-app中隐藏API密钥？

发布时间：2020-12-15 20:44:04 所属栏目：百科来源：网络整理

导读：我在create-react-app中制作了一个天气应用程序.如何隐藏API密钥以便我可以提交给 GitHub？现在关键是App.js： const API_KEY =“123456”; 详细阐述Arup Rakshit的评论, 首先,你应该在你的src文件夹之外创建.env文件. 然后加 REACT_APP_WEATHER_API_KEY=12

我在create-react-app中制作了一个天气应用程序.如何隐藏API密钥以便我可以提交给 GitHub？

现在关键是App.js：
const API_KEY =“123456”;

详细阐述Arup Rakshit的评论,

首先,你应该在你的src文件夹之外创建.env文件.

然后加

REACT_APP_WEATHER_API_KEY=123456

在提交之前,您应该排除此.env文件,以便找到.gitignore文件并添加.env.

现在你可以自由地去.

不要忘记在.gitignore文件中添加.env.

添加：

>如何在代码中使用env变量：

const API_KEY = process.env.REACT_APP_WEATHER_API_KEY;

> env变量未定义.我如何解决它？

为了读取env变量,您应该重新启动服务器.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!