Я пытаюсь скрыть свой API-ключ, когда я передаю github, и я просмотрел форум для руководства, особенно следующее сообщение:
Как скрыть ключ API в приложении create-react-app?
Я сделал изменения и перезапустил пряжу. Я не уверен, что я делаю неправильно - я добавил файл .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);
});
}