Заголовок не устанавливается в почтовом запросе angularjs

Question

Это мой контроллер, и я добавляю заголовок в запрос, но заголовок не добавляется в мой запрос.

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope, $http) {
  $scope.call = function() {
    $http({
      method: 'POST',
      url: 'http://localhost:8081/api/GetData',
      headers: {
        'token': '33c028f2-6eb6-11e8-ac8b',
        'user': 'admin',
        'Content-Type': 'application/json'
      }
    }).then(function(response) {
        //$scope.names = response.data;
        console.log(response.data);
      },
      function(response) {
        //  alert(response.data);
        //Second function handles error
        $scope.content = "Something went wrong";
      }
    );
  }
});

Когда я проверяю консоль браузера, в запросе не отображается заголовок.

Заголовки ответа (138 B) Разрешить POST, GET, OPTIONS, HEAD Content-Length
0 Дата Пт, 29 июня 2018 10:10:58 GMT Server Jetty (8.1.15.v20140411)

Заголовки запроса (438 B) Принять
Текст / HTML, приложение / XHTML + хт ... пликация / XML; д = 0,9, / ; д = 0,8
Accept-Encoding gzip, deflate Accept-Language en-US, en; q = 0,5
Контент Access-Control-Request-Headers, токен, пользователь
Access-Control-Request-Method POST-соединение keep-alive Хост
localhost: 8081 Origin null Пользователь-агент Mozilla / 5.0 (X11; Ubuntu;
Лину…) Gecko / 20100101 Firefox / 60.0

Пожалуйста, помогите мне, почему заголовок не устанавливается в моем запросе

Answer 1

Убедитесь, что ваши cors сконфигурированы, в соответствии с документацией angular1, вы сможете установить заголовки следующим образом:

     var req = {
     method: 'POST',
     url: 'http://example.com',
     headers: {
        'Content-Type': undefined
     },
     data: { test: 'test' }
     }

     $http(req).then(function(){...}, function(){...});