我需要把Flask 里的数据读入react 系统. react :
const data = {
name: 'John',
email: 'john@example.com'
};
axios.post('http://127.0.0.1:5000/api/data', data)
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});
Flask :
from flask import Flask, request, jsonify
from flask_cors import CORS
app = Flask(__name__)
CORS(app, origins='http://localhost:3000')
@app.route('/api/data', methods=['POST'])
def process_data():
data = request.get_json()
# обработка данных
response_data = {'message': 'Sucsess'}
return jsonify(response_data), 200
if __name__ == '__main__':
app.run(debug=True)
我在浏览器中发现了一个错误:CORS策略阻止了对‘http://127.0.0.1:5000/api/data’From Origin‘http://localhost:3000’处的XMLHttpRequest的访问:对印前判断请求的响应未通过访问控制判断:所请求的资源上不存在‘Access-Control-Allow-Origin’标头. ShortPage.jsx:24 AxiosError:{消息:‘网络错误’,名称:‘AxiosError’,代码:‘ERR_NETWORK’,配置:{…},请求:XMLHttpRequest,…}
我怎么才能解决这个问题呢?