Sending JSON API POST request.

Do you have a plan to allow (or support) JSON API?

Per the JSON API spec, I have to set 'Content-Type': 'application/vnd.api+json', and it looks like it is overridden by application/json.

 api.postJsonApi = function(url, data) {
            return this.post(url, data, {
                headers: {
                    'Content-Type': 'application/vnd.api+json'
                }
            });
        };

api is an instance of axios. In the request header, it becomes application/json;charset=UTF-8, probably, it is because the data is an object.

I set transformRequest, but I still could not make it work.

api.postJsonApi = function(url, data) {
            return this.post(url, data, {
                transformRequest: [function(data, headers) {
                    headers['Content-Type'] = 'application/vnd.api+json';
                    return data;
                }]
            });
        };

api.postJsonApi = function(url, data) {
            return this.post(url, data, {
                transformRequest: [function(data, headers) {
                    headers.post['Content-Type'] = 'application/vnd.api+json';
                    return data;
                }]
            });
        };

The only way to set the JSON API content type was to add it to the defaults:

var api = axios.create({
            headers: {
                'Content-Type': 'application/vnd.api+json'
            }
        });

I was wondering if you know any other way to send the JSON API post with content type application/vnd.api+json beside adding it to the defaults.

Thanks.

[chadmetcalf]

Depending on what you are doing, you need to make sure that the Accept header is set too.

axios.defaults.headers['Content-Type'] = 'application/vnd.api+json';
axios.defaults.headers['Accept'] = 'application/vnd.api+json';

[theGABS]

Axios override default Content-Type axios.defaults.headers.common['Content-Type'] = 'application/vnd.api+json' this doesnt work!