2013-07-08 50 views
0

我的API模塊,使CORS請求到服務端點上工作允許 http://plnkr.co/FjnJbHQHG5MM7P0VbtV6請求頭字段內容類型不被訪問控制允許報頭AngularJS

你會發現,當API調用時我收到以下錯誤信息:
Request header field Content-Type is not allowed by Access-Control-Allow-Headers

我已經開源了其中的一些API模塊之前--- Imgur山魈博客 ---但是這是我見過使用Blitline這個問題的第一次。

在我的代碼中是否存在問題,或者服務提供者是否因爲某些AngularJS $http約定而不喜歡將請求發送給他們?

我能找到related topic但是提供的解決方案不起作用。
delete $httpProvider.defaults.headers.common['X-Requested-With'];
隨意與plunker來試試吧---我應該注意到我使用1.1.5

+0

我得到的controllers.js 404在您的plnkr –

+0

看起來你需要添加一個'訪問控制請求-頭:Content-Type'與您的請求標題。你在這麼做嗎? – apsillers

+0

@moderndegree這只是一些沉悶的奇怪,但控制器肯定會被擊中,或者ajax調用永遠不會出現,你可以在你的'console.log()' –

回答

1

更新

你plnkr工作對我來說...之類的。我得到如下回應:

{"results":"Sorry, 'json' key expected in post data. For example { \"json\": \"{...}\" }. Please check the Blitline examples."} 

按照docs

作業是1個或以上功能的集合是一個 圖像進行。提交給作業api的數據必須有一個「json」鍵和一個字符串值 。該字符串必須包含格式正確的 JSON。

你應該在這樣的格式來提交你的信息:

angular.module('myApp', ['blitline']) 

.config(['$blitlineGlobalProvider', function($blitlineGlobalProvider) { 
    $blitlineGlobalProvider.options({ 
     json: '{"application_id": "YOUR_ID","version": 2,"src": "http://cdn.blitline.com/filters/boys.jpeg","functions": [{"name": "resize_to_fit","params": {"width": 240,"height": 140},"save": {"image_identifier": "external_sample_1"}}]}' 
    }); 
}]) 

.controller('blitlineTest', ['$scope', '$blitlineJob', function($scope, $blitlineJob) { 
    var blitlineJob = $blitlineJob.blitlineJob(); 
    blitlineJob.job(function(job) { 
     console.log(job); 
    }); 
}]); 

這裏是一個更新的plnkr:http://plnkr.co/edit/qV7sEf?p=preview

位線已在其網站上的工作例如你可以在這裏看到: http://www.blitline.com/docs/sample

+0

我不必改變任何東西。我懷疑有一個緩存問題。嘗試清除緩存並再次嘗試。 –

+0

您正在使用哪種瀏覽器? –

+0

http://plnkr.co/edit/qV7sEf?p=preview –

相關問題