在前后端分离的开发模式中,Vue.js 作为前端框架,与 Flask 或 Django 作为后端框架结合,可以构建功能强大且高效的全栈应用。以下是详细的配合示例,包括 Vue.js 与 Flask、Django 后端的数据交互和开发流程。
一、Vue.js 与 Flask 后端配合
1. 创建 Flask 后端
首先,确保安装了 Flask
:
pip install Flask
创建一个简单的 Flask 应用,处理 Vue.js 发送的 API 请求。
app.py
文件:
from flask import Flask, jsonify, request
app = Flask(__name__)
@app.route('/api/data', methods=['GET'])
def get_data():
# 返回一些模拟数据,供前端调用
data = {
'message': 'Hello from Flask!'}
return jsonify(data)
if