我正在尝试隐藏我的API密钥,当我提交github时,我已经浏览了论坛以获得指导,尤其是以下帖子:
我做了改动并重新开始了纱线.我不确定我做错了什么 - 我.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);
});
}