Question

我有一个React.js登录页面和一个Flask应用程序，我想作为React前端和Amazon Cognito之间的接口。

在登录页面中，我正在使用输入的用户名和密码发出请求（在变量“data”中存储为JSON字符串。例如，

axios.post('/login', data)
        .then(function(response){
          console.log(response.data)
        })
        .catch(function(error) {
          console.log(error)
        })

然后在我的烧瓶应用程序中，我有以下路线：

@app.route('/login', methods=['POST'])
def login():
    username = request.form.get('username')
    password = request.form.get('password')

然后我使用用户名和密码使用权证（https://github.com/capless/warrant）从Amazon Cognito获取JWT。我的问题是，如何将令牌从Flask转移到React并以某种方式将其存储在前端会话或本地存储中？我想我会将令牌存储在那里，所以每次用户从前端发出请求时，他们都会有令牌，然后可以使用Flask进行验证。与本教程类似但不完全相同：https://medium.com/@rajaraodv/securing-react-redux-apps-with-jwt-tokens-fcfe81356ea0

这甚至是我应该如何接近这个？

如何从Flask API获取令牌并将其存储到React.js前端

0 个答案: