使用 post 方法将数据 reactJS 传递到服务器端（python 烧瓶）

Question

I am work with react and python. I want to give data to python server (flask app) from react.

send data with this kind of code:-

  const handledropChange = (value) => {
        console.log(`selected ${value}`);
        fetch('http://127.0.0.1:3002/postdata',{
          method: 'POST',
          headers: {"Content-Type" : "application/json"},
          body: JSON.stringify({'content':value})
        }).then(() => {
          console.log({'content':value})
        })
    };

In python flask app server receve data with this kind of code:

 @app.route('/postdata' ,methods=['POST'])
 def postdata():
     data = request.json['content']
     conn = get_db_connection()
     cur = conn.cursor()
     cur.execute(f'INSERT INTO data(data) VALUES ({data})')
     cur.close()
     conn.close()
     return data

this is give me error of like:-

error in endpoint:- Method Not Allowed The method is not allowed for the requested URL.

error in console:- Failed to load resource: the server responded with a status of 400 (BAD REQUEST)

Answer 1

The fetch URL seems incorrect. Can you try using:

'http://127.0.0.1:3002/postdata'

instead of

'http://127.0.0.1:3002/alldata'

in that fetch() method?