Angular, тип контента не отправляется с помощью $http

Ответ 1

Вам нужно включить тело с запросом. Angular в противном случае удаляет заголовок содержимого.

Добавьте data: '' к аргументу $http.

Ответ 2

$http({
    url: 'http://localhost:8080/example/teste',
    dataType: 'json',
    method: 'POST',
    data: '',
    headers: {
        "Content-Type": "application/json"
    }

}).success(function(response){
    $scope.response = response;
}).error(function(error){
    $scope.error = error;
});

Попробуйте это.

Ответ 3

         $http({
                method: 'GET',
                url:'/http://localhost:8080/example/test' + toto,
                data: '',
                headers: {
                    'Content-Type': 'application/json'
                }
            }).then(
                function(response) {
                    return response.data;
                }, 
                function(errResponse) {
                    console.error('Error !!');
                    return $q.reject(errResponse);
                }

Ответ 4

Отлично! Решение, приведенное выше, работало для меня. Имела ту же проблему с вызовом GET.

 method: 'GET',
 data: '',
 headers: {
        "Content-Type": "application/json"
 }

Ответ 5

В случае, если это полезно кому угодно. Для AngularJS 1.5x я хотел установить CSRF для всех запросов, и я обнаружил, что когда я это сделал:

$httpProvider.defaults.headers.get = { 'CSRF-Token': afToken }; 
$httpProvider.defaults.headers.put = { 'CSRF-Token': afToken };
$httpProvider.defaults.headers.post = { 'CSRF-Token': afToken }; 

Angular удалил тип содержимого, поэтому мне пришлось добавить это:

$httpProvider.defaults.headers.common = { "Content-Type": "application/json"};

В противном случае я получаю ошибку типа носителя 415.

Итак, я делаю это, чтобы настроить приложение для всех запросов:

angular.module("myapp.maintenance", [])
    .controller('maintenanceCtrl', MaintenanceCtrl)
    .directive('convertToNumber', ConvertToNumber)
    .config(configure);

MaintenanceCtrl.$inject = ["$scope", "$http", "$sce", "$window", "$document", "$timeout", "$filter", 'alertService'];
configure.$inject = ["$httpProvider"];

// configure the header tokens for  CSRF for http operations in this module
function configure($httpProvider) {

    const afToken = angular.element('input[id="__AntiForgeryToken"]').attr('value');

    $httpProvider.defaults.headers.get = { 'CSRF-Token': afToken }; // only added for GET
    $httpProvider.defaults.headers.put = { 'CSRF-Token': afToken }; // added for PUT
    $httpProvider.defaults.headers.post = { 'CSRF-Token': afToken }; // added for POST

    // for some reason if we do the above we have to set the default content type for all 
    // looks like angular clears it when we add our own headers
    $httpProvider.defaults.headers.common = { "Content-Type": "application/json" };

}

Ответ 6

Просто чтобы показать пример динамического добавления заголовка "Content-type" для каждого запроса POST. В случае, когда я передаю параметры POST как строку запроса, это делается с помощью transformRequest. В этом случае его значение application/x-www-form-urlencoded.

// set Content-Type for POST requests
angular.module('myApp').run(basicAuth);
function basicAuth($http) {
    $http.defaults.headers.post = {'Content-Type': 'application/x-www-form-urlencoded'};
}

Затем из перехватчика в методе запроса перед возвратом объект конфигурации

// if header['Content-type'] is a POST then add data
'request': function (config) {
  if (
    angular.isDefined(config.headers['Content-Type']) 
    && !angular.isDefined(config.data)
  ) {
    config.data = '';
  }
  return config;
}