python flask与vue前端交互
时间: 2023-12-12 22:28:21 浏览: 127
要使用Flask与Vue前端进行交互,可以使用以下步骤:
1. 创建Flask应用程序
```python
from flask import Flask, jsonify, request
app = Flask(__name__)
@app.route('/api/data', methods=['POST'])
def get_data():
data = request.get_json()
# 处理数据
return jsonify({'result': 'success'})
```
2. 在Vue中使用Axios发送POST请求
```javascript
import axios from 'axios'
export default {
methods: {
sendData() {
axios.post('/api/data', {
// 发送的数据
})
.then(response => {
// 处理响应
})
.catch(error => {
console.log(error)
})
}
}
}
```
在发送POST请求时,Vue应用程序将数据发送到Flask应用程序的`/api/data`路由。在Flask应用程序中,`get_data()`函数将处理请求并返回一个JSON响应。
注意,为了使Vue应用程序能够访问Flask应用程序,需要在Flask应用程序中设置CORS(跨源资源共享)。
```python
from flask_cors import CORS
app = Flask(__name__)
CORS(app)
```
阅读全文