没有'Access-Control-Allow-Origin'标头 - 使用AJAX调用Food2Fork API

时间:2017-12-19 02:56:29

标签: javascript ajax api cors

我的小组和我正在开始我们的第一个项目,并且进行API测试十分钟,我碰壁并且无法创建成功的访问控制标头。任何人都可以帮我解决这个错误吗?

var userSearch = "chicken"


function apiCall() {

  var queryURL = "http://food2fork.com/api/search?key=3a4f22fb3ddd09f03521f9daf18117a1&q=" + userSearch; //+ "&sort=r"

 $.ajax({
    url: queryURL,
   method: "GET"
 }).done(function(response) {

      console.log(response);

 });
 };

apiCall();

“无法加载http://food2fork.com/api/search?key=3a4f22fb3ddd09f03521f9daf18117a1&q=chicken:请求的资源上没有'Access-Control-Allow-Origin'标头。因此不允许原点'null'访问。”

1 个答案:

答案 0 :(得分:1)

您需要使用反向代理来破坏浏览器中的CORS。您可以使用以下工具:CORS Proxy