Can not make Post request in react

Question

I'm trying to make a POST in react, and I have an error that says {"error_description":"Missing grant type"} in postman works fine, what am I doing wrong? Thanks!

Here is my code

class App extends Component {
  constructor() {
    super()
    this.state = {
      info : null
    }
  }

  componentDidMount() {
    var payload = {
      client_id: 'my_site',
      grant_type: 'my_credentials',
      client_secret: 'xxx',   
    }
    var data = new FormData();
    data.append("json",JSON.stringify(payload));

     fetch('/myendpoint', {
        method: "POST",
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
        },
        body: data
        })
   })
    .then(function(res){ 
      return res.json(); 
    })
    .then(function(data){ 
      alert( JSON.stringify( data ) ) 
    })

Have you checked https://stackoverflow.com/questions/39366281/spring-oauth2-0-missing-grant-type — jmargolisvt, Mar 12 '19 at 01:32
OHHHHHHHH so i have to remove the JSON.stringfy from data append and that's it? Thaaaanks — Phil, Mar 12 '19 at 01:42
I fixed using qs https://stackoverflow.com/questions/54036946/how-to-get-access-token-from-api-in-react-native, thanks! — Phil, Mar 12 '19 at 02:24

score 0 · Answer 1 · answered Apr 01 '19 at 07:17

When you make the post request define the type when: URL Encoded but you send a JSON

Try to make the request with the next format:

fetch('/myendpoint?client_id="some id"&grant_type="some type"', {
    method: "POST",
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
    }
})

Because your values its on the URL Make the post without body

Can not make Post request in react

1 Answers1