Flask后端处理Vue的GET和POST请求

梦行云_

已于 2024-01-13 22:19:05 修改

阅读量1.8k

点赞数 28

文章标签： flask vue.js python

于 2024-01-13 22:17:00 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43839331/article/details/135576373

版权

Flask后端处理Vue的GET和POST请求

相关视频链接
提示
后端代码
前端

提示

黑马JAVA Web 34, 35集后端接口失效了，这里教初学者搭建一个简单的后端（当然大佬也可以省得自己敲代码了），前提有一点python基础（会pip install）。

后端代码

1.创建一个python项目（推荐pycharm）fask_end.py。

2. 在项目目录下，打开终端或命令行工具，执行以下命令安装所需的 Python 包：

pip install Flask Flask-CORS

上述命令会安装 Flask 和 Flask-CORS 两个包，其中 Flask 用于构建 Web 应用，Flask-CORS 用于处理跨域资源共享问题。
3. 在 flask_end.py 文件中编写以下代码：

from flask import Flask, request, jsonify

from flask_cors import CORS

app = Flask(__name__)
CORS(app)  # 启用 CORS

# 模拟一些数据
sample_data = [
    {
   
        "id": 1,
        "name": "谢逊",
        "image": "https://p1.ssl.qhimg.com/t01c149e00f092a78a5.jpg",
        "gender": 1,
        "job": "班主任",
        "entrydate": "2008-05-09",
        "updatetime": "2022-10-01 12:00:00"
    },
    {
   
        "id": 2,
        "name": "殷天正",
        "image": "https://so1.360tres.com/t01183a421b66003008.jpg",
        "gender": 1,
        "job": "讲师",
        "entrydate": "2012-05-09",
        "updatetime": "2022-10-01 12:00:00"
    },
    {
   
        "id": 3,
        "name": "韦一笑",
        "image": "https://img2.baidu.com/it/u=4035769521,1071878604&fm=253&fmt=auto&app=138&f=JPEG?w=616&h=458",
        "gender": 1,
        "job": "讲师",
        "entrydate": "2020-05-09",
        "updatetime": "2022-10-01 12:00:00"
    },
    {
   
        "id": 4,
        "name": "黛绮丝",
        "image": "https://img2.baidu.com/it/u=389253981,1922163933&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=711",
        "gender": 2,
        "job": "讲师",
        "entrydate": "2018-05-09",
        "updatetime": "2022-10-01 12:00:00"
    }
]

# 处理 GET 请求
@app.route('/api/get_data', methods=['GET'])
def get_data():
    data = {
   'code'