如何使用 React 前端和 Flask 后端处理 HTTP 请求

Question

I am building a web application using flask framework for my back-end and my front-end in react. I would like to connect these two using http request but I have no clue on where to start. I am using PyCharm IDE for both front and back end.

I have looked into react-http-request library but I didn't understand it.

I want to be able to send strings from my front-end to my back-end and send json files from back-end to front-end.

Answer 1

Native fetch() function of the browser can do that for you.

Use it like this:

fetch('http://your.server.domain/api/endpoint', {
  method: 'GET',
  headers: {"Content-Type": "application/json"},
}).then((res) => {
  return res.json();
}).then((json) => {
  // this is your json data from your server
  console.log(json);
});