上传源代码文件
main.py
from flask import Flask, request, jsonify
from flask_cors import CORSapp = Flask(__name__)
CORS(app) # 允许所有来源的跨域请求@app.route('/calculate', methods=['POST'])
def calculate():data = request.get_json()num1 = data.get('num1')num2 = data.get('num2')result = num1 + num2return jsonify({'result': result})if __name__ == '__main__':app.run(host='0.0.0.0',port=2001)
前端的一部分(vue3)
<template><div><input v-model="num1" type="number" placeholder="输入第一个数字"><input v-model="num2" type="number" placeholder="输入第二个数字"><button @click="calculate">计算</button><p>{{ result }}</p></div></template><script>
import axios from 'axios';export default {name: 'HelloWorld',props: {},data() {return {num1: null,num2: null,result: null};},methods: {calculate() {axios.post('http://127.0.0.1:5000/calculate', { num1: this.num1, num2: this.num2 }).then(response => {this.result = response.data.result;}).catch(error => {console.error(error);});}}
};
</script>
宝塔面板项目的配置
如果用的是flask框架,宝塔面板会自动创建虚拟环境。
安装依赖包
优化
WARNING: This is a development server. Do not use it in a production deployment. Use a production WSGI server instead.
当前为开发服务器,在后续开发中切换为生产环境服务器。