是否有任何正確的方法可以使用 fetch() 通過 React 發送 POST 請求？

Question

I am getting url as None on the API server side and the API is working fine when tested with POSTMAN and other scripts but the problem happens when sending the request in React .

const imgLoad = {
  method: 'POST',
  headers: {
    "Content-Type":"application/json"
  },
  body: JSON.stringify({
    image_url: imageurl    //image url stored in a variable & I tried using a string but the problem is still there
  })
}

fetch("http://127.0.0.1:7000/emotion_detection/detect/", imgLoad)
  .then(response => response.json())
  .then(data => this.setState({emotion: data}));

Answer 1

使用POSTMAN工具從 ReactJS 中找到正確的實現方式。

var formdata = new FormData();
formdata.append("image_url", `${this.state.input}`);

var requestOptions = {
  method: 'POST',
  body: formdata,
  redirect: 'follow'
};

fetch("http://127.0.0.1:7000/emotion_detection/detect/", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));