Angular, content type is not being generated correctly when using resource

angularjs

Solution

Look at the angular source, line 8742 in the version 1.1.4:

  // strip content-type if data is undefined
  if (isUndefined(config.data)) {
    delete reqHeaders['Content-Type'];
  }

The `Content-Type` header gets removed if the request does not contain any data (a request body).

I think this is the expected behaviour since `GET` requests do not have a body.

A POST method in the other hand, will set the content-type as you expect, as long it has data in the request body. Try the following:

Change the method to `POST`

query: {method:'POST', headers: {'Content-Type': 'application/json'}}

And call your resource action with some parameter:

Example.query(yourData)

In this case the content type is correctly set.

Edit:

It seems it also works with get, in this case the data is in the second parameter:

Example.query(yourParams, yourData)

An example: http://jsfiddle.net/WkFHH/

Problem

I have tried the following command, using resource on Angular: ``` angular.module('appServices', ['ngResource']).factory('Example', function($resource){ return $resource('http://api.example.com.br/teste', {}, { query: {method:'GET', headers: {'Content-Type': 'application/json'}} }); }); ``` but the http content type is not being generated correctly, in this case "application/json". I have seen similar questions like AngularJS resource not setting Content-Type ,but I have the lastest Angular version (1.0.6/1.1.4). What is wrong with the code above? Conclusion - As mentioned bellow, HTTP Get method should not have a body. - The attribute headers does not work in the version described above. I used the following command unsuccessfully: query: {method:'POST', headers: {'Content-Type': 'application/json'}} - This way has worked for me: $http.defaults.headers.put['Content-Type'] = 'application/json';

Original source

Related problems