AngularJS $ http請求失敗，帶有自定義標頭

Question

我試圖將自定義標頭添加到我的常見請求中，如下所示：

myApp.config(['$httpProvider', function ($httpProvider) {
    // $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
    $httpProvider.defaults.headers.common['test_key'] = 'kkkkk'; 
}]);

如果沒有上述標頭請求，效果很好。 但是添加時會出現以下錯誤：

{
  "data": null,
  "status": -1,
  "config": {
    "method": "GET",
    "transformRequest": [
      null
    ],
    "transformResponse": [
      null
    ],
    "jsonpCallbackParam": "callback",
    "url": "http://localhost:8900/tt/",
    "data": {},
    "headers": {
      "Accept": "application/json, text/plain, */*",
      "test_key": "kkkkk"
    }
  },
  "statusText": "",
  "xhrStatus": "error"
}

在服務器端，我有帶有Django Rest Framework的Django。 服務器端代碼非常簡單：

from rest_framework.decorators import api_view
from rest_framework.response import Response
@api_view(['GET'])
def test(request):
    return Response({'ddddddd'})

urlpatterns = [
    url(r'^tt/$', test)
]

我究竟做錯了什么？ 我應該如何添加這些標題？

Answer 1

這是我查看@charlietfl的評論后解決的方法：

1. 安裝的django-cors-headers
2. 添加了以下內容：

from corsheaders.defaults import default_headers

    CORS_ALLOW_HEADERS = default_headers + (
        'test_key',
    )