Instagram API получить JavaScript Access-Control-Allow-Origin

Я сделал все, что мог представить, чтобы этот код работал. Я использую React. У меня есть конечная точка, которую я разместил ниже. Я попытался использовать fetch, а затем superagent (может быть, это важно), и я не мог заставить ни работать. Я получаю эти две ошибки. К вашему сведению, я намеренно "x'd" из ID пользователя и токена доступа.

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))
            }
        })
}

1 ответ

Решение

Простым решением этой проблемы было использование CorsAnywhere.

Другие вопросы по тегам