Flask接收POST请求参数

总结Flask接收POST请求参数

前端 vue
后端 flask

1. Request Payload类型
   

前端

// vue代码
let params = { id:row.id }
axios.post(this.server_url + "/del_device", params)
      .then((response) => {
        console.log(response)
        alert("成功!")
        
      }).catch(function (error) {
        console.log(error)
      })

后端

# Flask 代码
@app.route('/del_device', methods=['GET', 'POST'])
def del_device():
    if request.method == 'POST':
        print(request.json)
        id = request.json.get('id')
        
    return jsonify({'status': 'success'})

2. Form Data类型
   

前端

// vue代码
let formData=new FormData();
formData.append("id", row.id);
let config = {
   headers: { "Content-Type": "multipart/form-data" },
};
axios.post(this.server_url + "/del_device", formData, config)
     .then((response) => {
        console.log(response)
        alert("删除成功!")
        this.mounted()
     }).catch(function (error) {
        console.log(error)
     })

后端

@app.route('/del_device', methods=['GET', 'POST'])
def del_device():
    if request.method == 'POST':
        print(request.form)
        sq.delete_byId(request.form.get('id'))
    return jsonify({'status': 'success'})

综上所述，总结了两种前后端传递与接受参数的方式
相关参考：https://www.freesion.com/article/51691153068/