Как отправить данные из React.js в конечную точку API, созданную с помощью Flask ⇐ Python

[Anonymous]

Я новичок в React.js и API в целом. Я работаю над проектом, который принимает имя пользователя и номер телефона пользователя и сохраняет их в базе данных. Я написал интерфейс в реакции. Когда пользователь нажимает кнопку «Отправить», я хочу, чтобы моя программа отправляла соответствующие данные на локальный сервер и получала их с помощью сценария Python flask, который затем сохранял их в БД. Это правильный способ, которым я должен это делать? Если да, то как мне реализовать это в моем методе handleSubmit? Вот что у меня есть на данный момент:

Код: Выделить всё

handleSubmit(event) {
const target = event.target;
let username =  target.username;
let phone_num = target.phone;
if (!check_name_valid(username)){
alert('* must be your first and last name');
}else if (!check_phone_valid(phone_num)){
alert('* numbers only (ex. 1231231234)');
} else {
this.postRequest(event)
}
event.preventDefault();
}

postRequest(event) {
const target = event.target;
const username =  target.username;
const phone_num = target.phone;
const requestOptions = {
method: 'POST',
body: JSON.stringify({title: 'example'})
}
fetch('http://127.0.0.1:5000/test', requestOptions)
.then(response => response.json())
.then(data => this.setState({ username: username, phone: phone_num}));
event.preventDefault(event);
}

Я получаю следующую ошибку JavaScript: «Необработанное отклонение (TypeError): не удалось получить».
И вот мой код колбы (все еще работает) над этим, просто пытаюсь заставить пост работать):

Код: Выделить всё

from flask import Flask
from flask_restful import Api, Resource

app = Flask(__name__)
api = Api(app)

@app.route('/test')

class LogInfo(Resource):
def get(self, name, num):
return {"username": name, "phone number": num}

api.add_resource(LogInfo, "/test//")

if __name__ == "__main__":
app.run(debug = True)

и я получаю следующее сообщение от API фляги: "127.0.0.1 - - [11/Apr/2023 16:36:48] "POST / HTTP/1.1" 404 -"

Подробнее здесь: https://stackoverflow.com/questions/759 ... with-flask