python实现一个简单的接口与前端交互

本文介绍了如何使用Python的Flask框架结合前端技术实现了一个简单的日志记录功能,通过axios与Vue应用交互,展示了从设置CORS到接收并处理前端数据的全过程。

搞前端的,项目需要一个记录日志的功能,决定用python+前端的方式实现

记录前端与python数据交互的简单尝试

1、引入flask模块(用之前先安装,我已经安装过了)

# flask具有轻量、简捷易上手的特点,适合新手使用
from flask import Flask
# request用于接收数据
from flask import request
# 解决跨域问题
from flask_cors import CORS

2、创建FLask对象

#  创建flask服务对象
app = Flask(__name__)
#  动态解决前端跨域问题
CORS(app, supports_credentials=True)

3、写接收数据的接口

#  指定请求路径、方法
@app.route('/log', methods=['GET'])
def reciveLog():
    #get请求数据获取 post请求数据获取request.form.get("log")
    data = request.args.get("log")
    return data

4、运行

端口地址指不指定都行

if __name__== "__main__":
    #  指定端口号和地址
    app.run(port=1234)

点击运行,控制台会显示访问地址,前端访问这个地址+接口路径,就可以访问了

运行结果: 

​​​​​​​ 

 前端

我这是vue项目,axios封成了函数写在了两个地方,自己用的话,直接用ajax或axios,url、method对就行

 

成功✌

 

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值