vue3.axios+python.Flask,解决一些问题

本文介绍了在Vue3应用中使用Axios向Python Flask后台发送POST请求时遇到的数据传递问题。问题在于Python的request.json无法正确解析Vue3中FormData格式的数据。解决方案是使用URLSearchParams来封装前端数据,并在后台正常接收。后台接收到的数据类型是ImmutableMultiDict,转换为普通字典即可进行操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue3问题代码


<script setup>
import axios from "axios";
import { ref } from "vue";
var userName = ref("")
var userPass = ref("")
 
let param = new FormData(); 
param.append("userName", userName.value);
param.append("ageee",userPass.value);
 
const postEvent = function () {
  axios
    .post("/api", param, {
      headers: {
        "Content-Type": "application/json",
      },
    })
    .then((res) => {
      console.log(res);
    })
    .catch(function (error) {
      console.log(error);
    });

};
</script>

Python代码

from flask import Flask, request, jsonify

app = Flask(__name__)


# 处理GET请求
@app.route('/api/data', methods=['GET'])
def get_data():
    # 处理GET请求的逻辑
    data = {'name': 'yangMing', 'age': 24}
    return jsonify(data)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值