[Django]-Django-rest-framework accept JSON data?

I’m posting this answer in case someone is facing a problem like mine.

I’m working on a Front-End app using Angular 2 with an API made with Django Rest Framework and I used to send requests with the following headers:

'Content-Type': 'application/json'

And it was working fine until I tried it on Fire Fox and I couldn’t load the needed data and I solved it with adding the following headers

'Content-Type': 'application/json',
'Accept': 'application/json'

Here’s an explanation, Content-Type tells the server what is the content type of data is while Accept tells it what content type the client side will accpet.

Here’s a nice clear answer about this issue:

https://webmasters.stackexchange.com/questions/31212/difference-between-the-accept-and-content-type-http-headers

You need to do two step to done this issue:

1. Add Content-Type header with application/json value
2. Add Authorization header with Token {YOUR_CUSTOM_TOKEN} value to pass CSRFToken

Note: if you want to authenticate with session, you don’t need to do second step, but if you want use this API for mobile, you have to pass Authorization header to server

I hope it helps

You need to define content type by setting the appropriate headers. In case of Postman you need to set the following values under url field:

Header: “Content-Type”

Value: application/json

Couple of things to do if you want to accept JSON Data using Django Rest Framework.

1. Make sure application/json headers are sent:
   'Content-Type: application/json'

2. JSON Parser is selected in settings.py

    REST_FRAMEWORK = {
        'DEFAULT_PARSER_CLASSES': [
            'rest_framework.parsers.JSONParser',
        ],    
    }

I had to add the following to get this to work (I’m using node-fetch btw from the client side to do a POST):

supportHeaderParams: true,
headers: { "Content-Type": "application/json; charset=UTF-8" },