Я сделал все, что мог себе представить, чтобы заставить этот код работать. Я использую Реакт. У меня есть конечная точка, которую я разместил ниже. Я попытался использовать fetch, а затем суперагент (может быть, это важно), и я не смог заставить ни то, ни другое работать. Я получаю эти две ошибки. К вашему сведению, я намеренно поставил "x" из идентификатора пользователя и токена доступа.
OPTIONS https://api.instagram.com/v1/users/xxxxxxxxx/media/recent/?access_token=xxxxxxxx 405 ()
а также
Failed to load https://api.instagram.com/v1/users/xxxxxxx/media/recent/?access_token=xxxxxx: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 405.
Я попробовал этот пост и это сообщениеи реализовали свое решение, но один объект, который было возвращено не было данных, которые мне были нужны, а другой просто не работал. Однако я могу вернуть объект JSON, когда вставлю полный URL-адрес в свой браузер. Пожалуйста помоги.
export const getIGPost = () => dispatch => {
// fetch('https://api.instagram.com/v1/users/xxxxxxxx/media/recent/?
access_token=xxxxxxx',{
// method:'GET',
// dataType:'jsonp',
// crossDomain:true
// })
request
.get(`https://api.instagram.com/v1/users/xxxxxxxxx/media/recent/?access_token=xxxxxxxxx`)
.set('Access-Control-Allow-Origin', 'http://localhost:3000')
.then(res => {
if(res.ok) {
console.log(res.body)
// dispatch(addIGPost(res.body))
}
})
}