instagram jquery ajax type="GET，无法绕过CORS

Question

我收到了这个错误

Access-Control-Allow-Origin' 标头出现在请求的资源上

我正在尝试对 instragram api 进行 $.ajax 调用。我正在使用 https://api.instagram.com/v1/tags/nofilter/media/recent?client_id=CLIENT-ID

终点。我已经输入了我的客户端 ID，但我收到了 CORS 错误。它找不到我的 localhost:3000，我不知道该怎么办。当我测试时，端点在邮递员中工作。所以我知道它与 CORS 有关，但我不知道该设置谁其他选项。

函数 getLooks(){

$.ajax({
  url: "https://api.instagram.com/v1/tags/ootd/media/recent?client_id=someidnumbersxxxxxxxxxxxxxx",
  type: "GET",
  crossDomain: true,
  success: function(data){
    console.log(data);
    _.each(data, function(look){
      console.log(look);

      //var $look = template(look);
      //$("#looks-container").append($look);
    });
  }
});

}

任何人都有这个问题。任何帮助或指向其他材料的链接都会有所帮助。

Answer 1

您可以使用 dataType jsonp 进行 GET 请求。

$.ajax({
    url: "https://api.instagram.com/v1/tags/ootd/media/recent?client_id=someidnumbersxxxxxxxxxxxxxx",
    type: "GET",
    crossDomain: true,
    dataType: "jsonp",
    success: function(data){
        console.log(data);
        _.each(data, function(look){
            console.log(look);

            //var $look = template(look);
            //$("#looks-container").append($look);
        });
    }
});