javascript - 不存在 'Access-Control-Allow-Origin' header - 使用 AJAX 调用 Food2Fork API

Question

这个问题已经有答案了:

Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not? (15 个回答)

Loading cross-domain endpoint with AJAX (9 个回答)

已关闭 5 年前。

我和我的团队正在开始我们的第一个项目，在 API 测试十分钟后，我遇到了困难，无法创建成功的访问控制 header 。谁能帮我解决这个错误？

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” header 。因此不允许访问 Origin“null”。”

Answer 1

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