前端開發中，必不可少的一部分就是接口調試。常見的做法有 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!'})
復制代碼

本文為企業推廣，本網站不做任何建議，僅提供參考，作為信息展示！

推薦閱讀：蘋果xr與蘋果x