Instagram API SyntaxError：意外的输入结束

Question

我有一个网站需要从Instagram加载一些图片。我正在使用Fetch向Instagram的API发出请求。请求成功，但在处理请求时遇到此错误error SyntaxError: Unexpected end of input。

请求以200和有效JSON的形式返回。似乎一旦Fetch响应完成，响应就为空，从而导致SyntaxError。

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

我从示例中删除了访问令牌。

Answer 1

您需要使用jsonp与Client-Side (Implicit) Authentication方法一起使用Instagram API。您可以引入fetch-jsonp来制作类似＆＃34; fetch-like＆＃34;请求。

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