不存在“Access-Control-Allow-Origin”标头 - 使用 AJAX 调用 Food2Fork API [重复]答案

【问题标题】：No 'Access-Control-Allow-Origin' header is present - Food2Fork API call with AJAX [duplicate]不存在“Access-Control-Allow-Origin”标头 - 使用 AJAX 调用 Food2Fork API [重复]
【发布时间】：2018-06-01 10:36:03
【问题描述】：

我和我的团队正在开始我们的第一个项目，在 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”标头。因此，不允许访问 Origin 'null'。”

【问题讨论】：

CORS 意味着您无法直接通过浏览器访问远程站点 - 代理是您的救星
stackoverflow.com/a/46774307/7427111

标签： javascript ajax api cors

【解决方案1】：

您需要使用反向代理来击败浏览器中的 CORS。你可以使用这样的工具：CORS Proxy

【讨论】：