前端開發(fā)中，必不可少的一部分就是接口調(diào)試。常見的做法有 Mock.js 等。但 mock 方式會(huì)有一些 不足，如：請(qǐng)求被攔截，無法在chrome中查看請(qǐng)求的各種細(xì)節(jié)等。針對(duì)這些不足，我們可以拓寬我們的技能樹，寫一部分后端用于項(xiàng)目本地 mock 調(diào)試。本文介紹一種基于 Python Flask 框架快速搭建前端調(diào)試后臺(tái)的方案。
Flask 常用方法
私信小編01 領(lǐng)取完整項(xiàng)目代碼！
基礎(chǔ)示例
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)
復(fù)制代碼
注意：瀏覽器測試訪問時(shí)，需要將 host 的 ip 地址由 0.0.0.0 改成實(shí)際的 ip 地址。
路由
路由通過 app.route 進(jìn)行設(shè)置 ，通過 ip 地址:端口號(hào) + 路由 訪問。
@app.route('/api/name')
def name():
return 'Name: Leif'
復(fù)制代碼
請(qǐng)求方法
GET 請(qǐng)求方法設(shè)置。此方法默認(rèn)，可不設(shè)置。
@app.route('/api/info', methods=['GET'])
復(fù)制代碼
POST 請(qǐng)求方法設(shè)置。
@app.route('/api/info', methods=['POST'])
復(fù)制代碼
請(qǐng)求參數(shù)讀取
GET 請(qǐng)求參數(shù)讀取，通過 request.args.get('參數(shù)名')
@app.route('/api/info', methods=['GET'])
def info():
type = request.args.get('type')
time = request.args.get('time')
復(fù)制代碼
POST 請(qǐng)求參數(shù)讀取，通過 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')
復(fù)制代碼
圖片讀取與保存
@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!'})
復(fù)制代碼
（正文已結(jié)束）
推薦閱讀：移動(dòng)硬盤的作用
免責(zé)聲明及提醒：此文內(nèi)容為本網(wǎng)所轉(zhuǎn)載企業(yè)宣傳資訊，該相關(guān)信息僅為宣傳及傳遞更多信息之目的，不代表本網(wǎng)站觀點(diǎn)，文章真實(shí)性請(qǐng)瀏覽者慎重核實(shí)！任何投資加盟均有風(fēng)險(xiǎn)，提醒廣大民眾投資需謹(jǐn)慎！
