没有'Access-Control-Allow-Origin'标头 - 使用AJAX进行Food2Fork API调用[重复]

Question

这个问题在这里已有答案：

• Why does my JavaScript get a “No 'Access-Control-Allow-Origin' header is present on the requested resource” error when Postman does not? 42回答
• Loading cross-domain endpoint with jQuery AJAX 9个答案

我和我的小组正在开始我们的第一个项目，并且进行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'访问。”

Answer 1

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