flask-结合vue2小案例

发布时间 2023-03-27 11:13:51作者: Yancy00

flask后端代码

先安装插件:flask-cors pip install flask-cors

app.py
from flask import Flask,jsonify,abort
from flask_cors import  cross_origin  
# cross_origin这个装饰器解决前后端跨域问题

app = Flask(__name__)
jobs=[
    {'id':1,'post':'运维工程师','level':'教授'},
    {'id':2,'post':'产品经理','level':'初级'},
]

# http://127.0.0.1:5000/api/v1.0/jobs
@app.route('/api/v1.0/jobs',methods=['get'])
@cross_origin()   #########
def get_jobs():
    return jsonify({'jobs':jobs})

# http://127.0.0.1:5000/api/v1.0/job/2
@app.route('/api/v1.0/job/<int:id>',methods=['get'])
@cross_origin()    #########
def get_job_byId(id):
    task=filter(lambda   t: t['id']==id,jobs)
    task=list(task)

    if len(task)==0:
        abort(404)
    return jsonify({'job':task})

if __name__ == '__main__':
    app.run(debug=True)