Я новичок в Gatsby.js для создания небольшого портфолио, и я использую Instagram API для отображения своих фотографий на странице ./src/pages/gallery.js.
Я создал файл .env в корневом каталоге.каталог и внутри него у меня есть токен доступа к Instagram.Где-то здесь я читал, что для React переменная окружения должна начинаться с REACT_APP.Так что у меня это как REACT_APP_ACCESS_TOKEN=534R34QLJ.1JLJKL...Итак, как вы используете эту переменную в URL `https://api.instagram.com/v1/users/self/media/recent/?access_token=?
Я пытался:
var ACCESS_TOKEN = process.env.REACT_APP_ACCESS_TOKEN;
var url = 'https://api.instagram.com/v1/users/self/media/recent/?access_token=' + ACCESS_TOKEN;
Переменная url передается в эту функцию:
fetchPhotos(){
request
.get(url)
.then((res) => {
this.setState({
photos: res.body.data
})
})
}
Я продолжаю получать неопределенные.И я попытался добавить его различными способами, но после отладки я обнаружил, что переменная ACCESS_TOKEN пуста и не читает переменную в файле .env, и она работает нормально, если я жестко закодировал маркер доступа в URL, но яне хочу делать это общедоступным, очевидно.Так чего мне не хватает?