AngularJS設置自定義標頭參數

Question

在angularjs中，我必須為POST設置自定義標頭

所以我做：

var config = { 'Content-Type': 'application/x-www-form-urlencoded', 'TenantCode': 'MYTENANT', 'LoginType': 'PASSW' };

所以我執行職位

$http.post(urlBase + '/Token', data, config)

無論如何，當我檢查請求時

OPTIONS /Token HTTP/1.1
Host: test.strokein.it
Connection: keep-alive
Access-Control-Request-Method: POST
Origin: http://localhost:54599
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML,like Gecko) Chrome/46.0.2490.86 Safari/537.36
Access-Control-Request-Headers: accept, content-type
Accept: */*
Referer: http://localhost:54599/index.html
Accept-Encoding: gzip, deflate, sdch
Accept-Language: it-IT,it;q=0.8,en-US;q=0.6,en;q=0.4

而且我沒有看到標題參數

為什么？ 有什么問題？

Answer 1

我認為您的配置需要看起來像這樣：

var config = { 
    headers : {
        'Content-Type': 'application/x-www-form-urlencoded', 
        'TenantCode': 'MYTENANT', 
        'LoginType': 'PASSW' 
    }
};

查看此配置規范。

Answer 2

那是您的飛行前要求。
您有一個CORS問題，因為您正在從localhost測試到test.strokein.it
簡單的解決方法是將測試腳本上傳到服務器。

但是通常，瀏覽器在收到服務器的正確CORS響應后會再發送一個請求，即

'Access-Control-Allow-Origin' : '*'
'Access-Control-Allow-Methods': 'GET, OPTIONS, PUT'
'Access-Control-Allow-Headers': 'Content-Type'

然后，您應該看到自定義標頭以及該POST請求上的數據。

在此處閱讀更多信息： https : //developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS