将.env文件添加到React Project
我试图在提交到github时隐藏我的API密钥,并且我在论坛中浏览了相关指南,尤其是以下文章: 如何在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); }); } 运行代码段隐藏结果展开摘要