在Flask“POST”路由中发送JSON响应

Question

作为参考，我研究了以下三个问题：

从Flask视图返回JSON响应

使用Flask响应发送JSON和状态代码

返回请求。来自 Flask 的响应对象

如标题所示，我试图从flask post方法返回一个JSON响应。烧瓶路径如下:

@app.route('/login', methods=['POST'])
def login_route():
    content = request.json
    jwt = get_authorization(content['username'], content['password'])
    return {'session-token': jwt} , 200

在我的web应用程序中，我希望将< code>session-token存储在cookies中的什么位置(目前)。

目前在web端，我有以下代码：

static postWithJSONResponse(url, body, onFetchComplete, onFetchFailure) {
        fetch(url, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(body)
        })
        .then((data) => onFetchComplete(data))
        .catch(error => onFetchFailure(error));
    }

componentDidMount() {
        NetworkUtils.postWithJSONResponse('/login', this.state.userObject,
        (data) => {
             console.log(data);
        },
        (error) => {

        });
    }

其中 userObject 由用户名和密码属性组成。鉴于上面列出的先前搜索，我已经尝试了烧瓶路线的一些变体：

基于此问题的变体

from flask import jsonify

@app.route('/login', post)
def login_route():
    content = request.json
    d = {}
    d['session-token'] = get_authorization(content['username'], content['password'])
    return jsonify(d)

这个变化来自同一帖子：

@app.route('/login', post)
def login_route():
    content = request.json
    jwt = get_authorization(content['username'], content['password'])
    app.response_class(
        response=json.dumps({'session-token': jwt}),
        status=200,
        mimetype='application/json'
    )

最后，建议尝试创建一个新的响应对象:

from flask import Flask, request, make_response

@app.route('/login', methods=['POST'])
def login_route():
    content = request.json
    jwt = get_authorization(content['username'], content['password'])
    resp = make_response(json.dumps({'session-token': jwt}), 200)
    resp.headers['Content-Type'] = 'application/json'
    return resp

所有这3次尝试都将以下json响应对象返回到我的chrome控制台:

Response {type: "basic", url: "http://localhost:3000/login", redirected: false, status: 200, ok: true, …}
body: ReadableStream
locked: false
__proto__: ReadableStream
bodyUsed: false
headers: Headers
__proto__: Headers
ok: true
redirected: false
status: 200
statusText: "OK"
type: "basic"
url: "http://localhost:3000/login"
__proto__: Response

如您所见，响应对象不包含会话令牌的单个条目。我真的不确定这里可能出了什么问题，我不确定问题是否与烧瓶路线或javascript有关。毋庸置疑，我可以使用一些帮助，任何建议将不胜感激。我使用的是 Flask 版本 1.1.2。

Answer 1

Javascript中的< code>fetch API很好，因为它提供了您在登录时看到的选项，比如可能以流的形式访问主体(现在是TC 39...)，但对于90%的情况来说，这完全是过度设计了。要记住的魔咒如下:

// can only do this inside an async function
const resp = await fetch(someURL);
const jsonData = await resp.json();
// step 3, profit

fetch(someURL)
  .then(resp => resp.json())
  .then(jsonData => /* profit! */);

它们在功能上是等价的。如果你总是想在学校的午餐时间坐在酷孩子的桌子旁，那就用新的吧。如果你是一个像我一样的老顽固，抱怨孩子们这些天的餐桌和午餐时间都很酷，那就用另一个吧。