初尝python flask + vue3 axios 接口配置

本文介绍了如何在Python Flask项目中配置接口,并与Vue3应用结合使用Axios进行数据交互。在Flask中设置服务器,Vue中配置axios避免跨域问题,重点讨论了Axios的POST请求中正确设置请求头和JSON参数的重要性,以及解决后台无法接收到POST参数的问题。

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

首先使用pycharm创建python flask 项目,

在项目的app.py文件下,

//Python flask app.py
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)


# 处理POST请求
@app.route('/api/data', methods=['POST'])
def post_data():
    # 获取POST请求的数据
    data = request.json

    # 处理POST请求的逻辑
    # ...

    # 返回响应
    response_data = {'message': 'Data post successfully'}
    return jsonify(response_data)


if __name__ == '__main__':
    app.run(host='127.0.0.1', port=5000)
//host表示该地址只在本机调用,调用端口号5000来运行该服务器项目

之后,开启flask,服务器在端口5000运行

配置vue,引入axios、

这个地方其实可以使用相对路径的方法去获取

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值