Не могу сделать почтовый запрос в реакции

Question

Я пытаюсь сделать POST в реакции, и у меня есть ошибка, которая говорит, что {"error_description":"Missing grant type"} в почтальоне работает нормально, что я делаю не так?Спасибо!

Вот мой код

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 ) ) 
    }) 

Answer 1

Когда вы отправляете запрос на публикацию, определяйте тип, когда: URL закодирован, но вы отправляете JSON

Попробуйте сделать запрос в следующем формате:

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

Поскольку ваши значения указаны в URL-адресе Сделать сообщение без тела