o---o---o---o---o
2021-06-30 14:30
采纳率: 50%
浏览 228
已结题

flask做后端去获取前端vue+axios(post)的数据,flask这一块该如何去做

img

  • 好问题 提建议
  • 收藏

2条回答 默认 最新

  • CSDN专家-showbo 2021-06-30 15:39
    已采纳

    简单写了个示例,对你有帮助能点个采纳,谢谢~

    img

    server.py

    from flask import Flask, request,render_template
    import json
    app = Flask(__name__, static_url_path='')
    
    @app.route('/', methods=['POST'])
    def index():
       username=request.form.get("username") or "username为空"
       username2=request.form.get("username2") or "username2为空"
       password=request.form.get("password") or "password为空"
       password2=request.form.get("password2") or "password2为空"
       #你的处理逻辑,下面只是简单返回提交的数据
       return username+username2+password+password2
    @app.route('/register', methods=['GET'])
    def register():
       return render_template("register.html")
    
    if __name__ == "__main__":
        app.run(host='0.0.0.0', port=5000)
    

    templates\register.html

    <meta charset="utf-8" />
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        params = { username: 'username', password: 'pwd1', username2: 'username2', password2: 'pwd2' };
        var data = '';
        for (attr in params) data += '&' + attr + '=' + encodeURIComponent(params[attr]);//转键值对,然后设置下content-type。axios的content-type是application/json的,不是键值对
        data = data.substring(1)
        axios.post('/', data,
            { headers: { 'content-type': "application/x-www-form-urlencoded" } })
            .then((res) => {
                alert(res.data)
            })
            .catch(() => { });
    </script>
    
    已采纳该答案
    评论
    解决 1 无用
    打赏 举报
  • CSDN专家-黄老师 2021-06-30 14:42

    写api接口,就是视图的返回结果以JSON格式返回就可以了

    评论
    解决 1 无用
    打赏 举报

相关推荐 更多相似问题