Tôi đang cố ẩn API Key của mình khi tôi cam kết với github và tôi đã xem qua diễn đàn để được hướng dẫn, đặc biệt là bài đăng sau:
Làm cách nào để ẩn khóa API trong ứng dụng tạo?
Tôi đã thực hiện các thay đổi và bắt đầu lại sợi. Tôi không chắc mình đang làm gì sai –– Tôi đã thêm một .env
tệp vào thư mục gốc của dự án của mình (tôi đã đặt tên nó process.env
) và trong tệp tôi vừa đặt REACT_APP_API_KEY = 'my-secret-api-key'
.
Tôi nghĩ rằng đó có thể là cách tôi thêm khóa fetch
vào App.js của mình và tôi đã thử nhiều định dạng, bao gồm cả việc không sử dụng chữ mẫu, nhưng dự án của tôi vẫn sẽ không biên dịch.
Bất kỳ sự giúp đỡ nào cũng được đánh giá cao.
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);
});
}
process.env
tên nó.env.local or .env.process
và giữ nó bên ngoài của thư mục src