无法在反应中发出 Post 请求答案

【问题标题】：Can not make Post request in react无法在反应中发出 Post 请求
【发布时间】：2019-08-02 09:51:14
【问题描述】：

我正在尝试在 react 中进行 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 ) ) 
    })

【问题讨论】：

你检查过stackoverflow.com/questions/39366281/…
OHHHHHHHH 所以我必须从数据追加中删除 JSON.stringfy ，就这样？塔安克斯
我用 qs stackoverflow.com/questions/54036946/… 修复了，谢谢！
我认为您不需要qs

标签： javascript reactjs xmlhttprequest

【解决方案1】：

当您发出 post 请求时定义类型：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 上做没有正文的帖子

【讨论】：