我对您的代码做了一些调整。我所做的更改:
http://localhost:5000/result
在前端添加了后端路径作为表单操作路径。- 用于
request.args.get
获取提交值的方法。
前端在端口3000上运行,后端在端口5000上运行;都在
localhost。
前端代码:
import ReactDOM from 'react-dom';import React, {Component} from 'react';class Form1 extends Component{ render(){ return ( <div > <form action="http://localhost:5000/result" method="get"> Place: <input type="text" name="place"/> <input type="submit" value="Submit"/> </form> </div> ); }}ReactDOM.render( <Form1/>, document.getElementById('root'));后端代码:
from flask import Flask, requestapp = Flask(__name__)@app.route('/result', methods = ['GET', 'POST'])def result(): if request.method == 'GET': place = request.args.get('place', None) if place: return place return "No place information is given"if __name__ == '__main__': app.run(debug = True)这是正在运行的程序的屏幕截图:
参考:
烧瓶文档:请求对象



