How to send Raw http for Instagram Authentication?

I’m trying to connect to the Instagram API with axios.

Here’s my code:

axios( {
    method: 'POST',
    url: '/oauth/access_token',
    baseURL: 'https://api.instagram.com',
    params: { // both data and params don't work
        'client_id': 'CLIENT_ID',
        'client_secret': 'CLIENT_SECRET',
        'grant_type': 'authorization_code',
        'redirect_uri': 'REDIRECT_URI',
        'code': 'CODE',
    },
} )

I keep getting the response No client_id so it’s not reading any of the params.

When I use restify’s StringClient

return new Promise( function ( resolve, reject ) {
    client.post( '/oauth/access_token', {
        'client_id': 'CLIENT_ID',
        'client_secret': 'CLIENT_SECRET',
        'grant_type': 'authorization_code',
        'redirect_uri': 'REDIRECT_URI',
        'code': 'CODE',
    }, function ( errr, reqq, ress, dataa ) {
        if ( errr ) {
            reject( errr )
        } else {
            resolve( dataa )
        }
    } )
} )

It works great.

I think it has something to do with application/x-www-form-urlencoded header maybe?

I would like to know how I can get this working with axios. Thank you!

[nickuraltsev]

Yes, StringClient uses the application/x-www-form-urlencoded format by default while axios uses application/json by default (when data is an Object).

Here is how to make an application/x-www-form-urlencoded request with axios:

Browser

• You can use URLSearchParams as described here: https://github.com/mzabriskie/axios/issues/97#issuecomment-223650368
• Or you can encode the data using a library like qs:

var qs = require('qs');
axios.post('/foo', qs.stringify({ 'bar': 123 });

Node

You can use querystring module to encode the data:

var querystring = require('querystring');

axios.post('/foo', querystring.stringify({
  'bar': 123
});

Hope this helps!

[BitOfGold]

You can patch axios to use application/x-www-form-urlencoded Solution here: https://github.com/axios/axios/issues/97

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.transformRequest = [function (data, headers) {
    var str = [];
    for(var p in data)
      if (data.hasOwnProperty(p) && data[p]) {
        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(data[p]));
      }
    return str.join("&");
  }];