目录

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

目录

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

搞前端的,项目需要一个记录日志的功能,决定用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)

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

https://i-blog.csdnimg.cn/blog_migrate/05ae1a616fa2780826dbe1facc5445e3.png

运行结果:

https://i-blog.csdnimg.cn/blog_migrate/942c760e918c681e588707fa8656e451.png ​​​​​​​

前端

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

https://i-blog.csdnimg.cn/blog_migrate/d9d447edd52638f00883c7f2b9c8ab7f.png

https://i-blog.csdnimg.cn/blog_migrate/86d27b55effa3bb15503c03d6bc46241.png

成功✌

https://i-blog.csdnimg.cn/blog_migrate/dfb08a98a6c8e2d84e1edc6930ee99f0.png

https://i-blog.csdnimg.cn/blog_migrate/76a9bf08736a06dd2e6061773274c4cd.png