Instagram API SyntaxError: Неожиданный конец ввода

Question

У меня есть сайт, которому необходимо загрузить некоторые изображения из Instagram. Я использую Fetch, чтобы сделать запрос API-интерфейса Instagram. Запрос успешно, но я получаю эту ошибку при обработке запроса, error SyntaxError: Unexpected end of input.

Запрос возвращается как 200 и действительный JSON. Кажется, что после того, как ответ Fetch завершает ответ, он пуст, в результате чего появляется SyntaxError.

http://jsbin.com/kohito/edit?html,js,console

Я удалил свой маркер доступа из примера.

Answer 1

Чтобы использовать API-интерфейс Instagram, необходимо использовать jsonp, используя метод Client-Side (Implicit) Authentication. Вы можете ввести fetch-jsonp, чтобы сделать запрос «выборка».

<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch-jsonp/1.1.0/fetch-jsonp.min.js"></script> 
    <script> 
    fetchJsonp('https://api.instagram.com/v1/users/self/media/recent/?' + window.location.hash.split('#')[1], { 
    method: 'GET', 
    }).then(response => { 
    response.json().then((json) => { 
     console.log(json); 
    }); 
    }); 
    </script>