前端 axios.post("",param).then((res) => { } 与flask进行数据交互

前端使用axios库发送POST请求到Flask后端通常涉及以下几个步骤：

1. 首先，在JavaScript环境中，如Vue.js、React.js等，引入axios库，它是一个基于Promise的HTTP客户端，用于浏览器和node.js。

// 引入axios库
import axios from 'axios';

2. 创建一个POST请求，向Flask应用的特定URL发送数据，`""`代表Flask路由，`param`是你想要发送的参数对象：

axios.post('/api/endpoint', {
  // 替换这里的key-value为实际需要传递的数据
  key1: 'value1',
  key2: 'value2'
})
.then((response) => {
  // response.data将是服务器返回的JSON数据
  console.log('Success:', response.data);
  // 这里处理后端返回的成功响应
})
.catch((error) => {
  console.error('Error:', error.response.data);
  // 处理网络错误或其他异常情况
});

3. Flask端设置路由并处理POST请求。假设你在Flask应用中有一个名为`post_endpoint`的函数接收POST请求，并返回相应数据：

from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route('/api/endpoint', methods=['POST'])
def post_endpoint():
    data = request.get_json()  # 获取前端发送过来的数据
    # 对数据进行处理...
    result = process_data(data)
    return jsonify(result), 200  # 返回JSON格式的结果

def process_data(data):
    # ...这里编写处理数据的业务逻辑
    return {'status': 'success', 'message': 'Data processed'}

if __name__ == '__main__':
    app.run()