相关疑难解决方法(0)

将.env文件添加到React Project

我正在尝试隐藏我的API密钥,当我提交github时,我已经浏览了论坛以获得指导,尤其是以下帖子:

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

我做了改动并重新开始了纱线.我不确定我做错了什么 - 我.env在项目的根目录中添加了一个文件(我将其命名process.env)并在我刚刚放入的文件中REACT_APP_API_KEY = 'my-secret-api-key'.

我想这可能是我fetch在App.js中添加密钥的方式,我尝试了多种格式,包括不使用模板文字,但我的项目仍然无法编译.

任何帮助深表感谢.

performSearch = (query = 'germany') => {
    fetch(`https://api.unsplash.com/search/photos?query=${query}&client_id=${REACT_APP_API_KEY}`)
    .then(response => response.json())
    .then(responseData => {
        this.setState({
            results: responseData.results,
            loading: false
        });
     })
     .catch(error => {
            console.log('Error fetching and parsing data', error);
     });
}
Run Code Online (Sandbox Code Playgroud)

environment-variables api-key reactjs

33
推荐指数
11
解决办法
4万
查看次数

如何为使用 create-react-app 创建的 React 项目更新 webpack 配置?

我使用 create-react-app 创建了一个反应项目。现在我需要更新 webpack 配置,但我在任何地方都找不到该文件。我需要自己创建这个文件还是过程是什么?我是新手,并不确定如何从这里开始。

javascript reactjs webpack create-react-app

9
推荐指数
6
解决办法
1万
查看次数