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

前端之家收集整理的这篇文章主要介绍了reactjs – 如何在create-react-app中隐藏API密钥?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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变量,您应该重新启动服务器.

猜你在找的React相关文章