Kein 'Access-Control-Allow-Origin'-Header vorhanden - Food2Fork API-Aufruf mit AJAX

Question

Meine Gruppe und ich beginnen unser erstes Projekt, und nach zehn Minuten API-Test stoße ich gegen eine Wand und konnte keine erstellen erfolgreicher Zugriffskontrollkopf. Kann mir jemand helfen, diesen Fehler zu umgehen?

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(); 

"Failed http://food2fork.com/api/search?key=3a4f22fb3ddd09f03521f9daf18117a1&q=chicken laden: Nein" Access-Control-Allow-Origin-Header ist auf die angeforderte Ressource Origin 'null' daher Zugang nicht erlaubt.."

Answer 1

Sie müssen einen Reverse Proxy verwenden, um CORS im Browser zu deaktivieren. Sie können ein Tool wie folgt verwenden: CORS Proxy