如何通過angularjs http使用food2fork api獲取請求的交叉來源請求

我只是試圖在角度應用程序中使用food2fork的搜索api來獲取請求。現在我沒有後端應用程序，所以一切運行客戶端，和我跑以下（與APIKEY代替，當然）：如何通過angularjs http使用food2fork api獲取請求的交叉來源請求

$http.jsonp('http://food2fork.com/api/search?q=turkey&key=APIKEY&callback=jsonp_callback') 
.then(function(response) { 
    console.log(response); 
});

然而，我在Uncaught SyntaxError: Unexpected token :控制檯。我認爲這是因爲它期望一個jsonp函數而不是json。

如果我運行它作爲一個jQuery的getJSON，因爲在這裏看到：

$(document).ready(function() { 
var url = "http://food2fork.com/api/search?q=turkey&key=APIKEY"; 
$.getJSON(url,function(data) { 
})

}）;

我得到No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8080' is therefore not allowed access. - 這可能是因爲我在本地運行，但這在過去並不成問題。

我只想得到我得到的json，如果我在瀏覽器中運行相同的請求作爲url。有任何想法嗎？

來源

2016-02-22 Matthew Bloomfield

否「訪問控制允許來源」標頭出現在所請求的資源

你是否面臨Cross Domain問題，哪些是你應該做的是讓您的服務器端CORS（服務運行從本地主機：8080）

來源

2016-02-22 05:33:12 Rebornix

如上所述，我正在做所有的客戶端。還有其他建議嗎？ –

我的意思是配置你的SERVER端，而不是客戶端。 – Rebornix

如何通過angularjs http使用food2fork api獲取請求的交叉來源請求

回答

相關問題