使用 instagram api 的访问控制允许来源

Posted 2023-03-04

【中文标题】使用 instagram api 的访问控制允许来源

【英文标题】：Access-Control-Allow-Origin with instagram api

【发布时间】：2017-05-20 01:30:24

【问题描述】：

我正在尝试使用以下代码获取我的 Instagram 供稿

$.ajax(
      url: 'https://api.instagram.com/v1/users/xxxxxxx/media/recent/?access_token=xxxxxxxxxxx',

      error: function() 
        alert('error');
      ,

      success: function(data) 
       alert('yes');
      ,
      type: 'GET'
   );

我得到的错误是

请求的资源上不存在“Access-Control-Allow-Origin”标头。

有解决办法吗？

【参考方案1】：

Instagram API 支持JSONP，因此将&callback=? 添加到url 并将dataType: "jsonp" 添加到$.ajax() 调用，如下所示：

$.ajax(
      url: 'https://api.instagram.com/v1/users/xxxxxxx/media/recent/?access_token=xxxxxxxxxxx&callback=?',

      error: function() 
        alert('error');
      ,

      success: function(data) 
       alert('yes');
      ,
      type: 'GET',
      dataType: "jsonp"
   );