前端开发中,必不可少的一部分就是接口调试。常见的做法有 Mock.js 等。但 mock 方式会有一些 不足,如:请求被拦截,无法在chrome中查看请求的各种细节等。针对这些不足,我们可以拓宽我们的技能树,写一部分后端用于项目本地 mock 调试。本文介绍一种基于 Python Flask 框架快速搭建前端调试后台的方案。
Flask 常用方法
私信小编01 领取完整项目代码!
基础示例
from flask import Flask, request
from flask_cors import *
import json
import time
import copy
import random
import os
app = Flask(__name__)
CORS(app, supports_credentials=True, resources=r'/*')
CORS(app)
@app.route('/')
def index():
return 'Hello,Python Flask!'
app.run(debug=True, host='0.0.0.0', port=8000)
复制代码
注意:浏览器测试访问时,需要将 host 的 ip 地址由 0.0.0.0 改成实际的 ip 地址。
路由
路由通过 app.route 进行设置 ,通过 ip 地址:端口号 + 路由 访问。
@app.route('/api/name')
def name():
return 'Name: Leif'
复制代码
请求方法
GET 请求方法设置。此方法默认,可不设置。
@app.route('/api/info', methods=['GET'])
复制代码
POST 请求方法设置。
@app.route('/api/info', methods=['POST'])
复制代码
请求参数读取
GET 请求参数读取,通过 request.args.get('参数名')
@app.route('/api/info', methods=['GET'])
def info():
type = request.args.get('type')
time = request.args.get('time')
复制代码
POST 请求参数读取,通过 request.form.get(字段名)
@app.route('/api/params', methods=['POST'])
def params():
# browser & os & computer & folder
browser = request.form.get('browser')
os = request.form.get('os')
computer = request.form.get('computer')
folder = request.form.get('folder')
复制代码
图片读取与保存
@app.route('/api/pic', methods=['POST'])
def pic():
img = request.files.get('file')
if img is None:
return json.dumps({'msg': 'File upload fail!'})
else:
img.save(img.filename)
return json.dumps({'msg': 'File upload success!'})
复制代码
推荐阅读:叶紫网