Tengo una interfaz React que se comunica con un backend Flask y, en su mayor parte, funciona bien. Sin embargo, cada vez que realizo la primera solicitud de API, el backend enviará un error. Después de eso, todo funciona bien. Sospecho que hay algún problema con mi JavaScript que no espera la respuesta de la API correctamente, pero no sé exactamente qué está pasando.

El código para mi solicitud de API se muestra a continuación:

 const handleSubmit= (e) => { e.preventDefault(); const data = {"locationType": locationType, "numLocations": numLocations, "city": city}; alert("Successfully submitted!"); axios .post(url, data) .then(res => { setResult(JSON.stringify(res.data.resultsList)); //console.log(result); addShops(result); }) .catch(err => console.log(err)); return JSON.stringify(result); }

Además, el código de mi respuesta POST se incluye aquí:

 def post(self): print(self) parser = reqparse.RequestParser() parser.add_argument('locationType', type=str) parser.add_argument('numLocations', type=int) parser.add_argument('city', type=str) args = parser.parse_args() location = args['locationType'] num_locations = args['numLocations'] city = args['city'] if location: message = calculate(location, num_locations, city) else: message = "No Msg" return message

Por favor, hágamelo saber si se necesita más información para responder a la pregunta! ¡Gracias!