estoy intentando crear una aplicación empleando Python como server y React como frontend. De momento solo estoy haciendo pruebas con una devolución de datos sencilla pero no consigo recibir datos con el GET.
El servidor es el siguiente:
from flask import Flask, json
from flask import Response
from flask_restful import Api, Resource, reqparse
app = Flask(__name__)
api = Api(app)
class User(Resource):
@app.route('/logs/', methods = ['GET'])
def get():
data = { "id": 1, "name": "Apples", "price": "$2" }
js = json.dumps(data)
resp = Response(js, status=200, mimetype='application/json')
return resp
api.add_resource(User, "/logs/")
app.run(debug=True)
Y el frontend es:
import React, {Component} from 'react';
import axios from 'axios';
import './App.css'
class MyComponent extends Component {
constructor(props) {
super(props);
this.state = {
error: null,
isLoaded: false,
items: []
};
}
componentDidMount() {
axios.get('/logs/')
.then(res => res.text())
.then(
(result) => {
this.setState({
isLoaded: true,
items: result
});
},
(error) => {
this.setState({
isLoaded: true,
error
});
}
)
}
render() {
const { error, isLoaded, items } = this.state;
if (error) {
return <div>Error: {error.message}</div>;
} else if (!isLoaded) {
return <div>Loading...</div>;
} else {
return (
<ul>
{items}
</ul>
);
}
}
}
export default MyComponent;
Al ejecutar la aplicación React me aparece un error 404, Cannot Get.
He probado ha utilizar fetch en vez de axios pero me aparece otro error, me devuelve un HTML en vez del json.
Además me han comentado que a lo mejor es necesario, en el proyecto react, que declaro la IP del localhost en la que se lanza mi servidor, en que lugar debería hacerlo si es que es necesario?
La aplicación react la he creado con el comando propio de react.
Gracias.