为什么 Flask 不持久化 VueJS 'npm run serve' 前端的会话？

Question

我有一个简单的应用程序，后端有 Flask 和 Rest-Plus，VueCLI 3生成的 VueJS 前端。

我正在尝试使用 Flask-Session 设置会话，但保存在一个请求中的会话变量在另一个请求中不可用。

我尝试了很多选择，但仍然一无所获。

这是我的vue.config.js：

module.exports = {
devServer: {
public: "localhost:8080",
headers: {
"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Credentials": "true",
"Access-Control-Allow-Headers": "Content-Type, Authorization, x-id, Content-Length, X-Requested-With",
"Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS"
},
proxy: {
'/api*': {
// Forward frontend dev server request for /api to django dev server
target: 'http://localhost:5000/'
}
}
}
}

在我的app.py中，我设置了密钥和密码：

app.secret_key = "super_secret"
CORS(app, automatic_options=True, support_credentials=True)

此外，我还向请求处理程序添加了装饰器：

@cross_origin(supports_credentials=True)
def get(self):

仍然一无所有。在/login 中我设置了session['aaa']=1，在另一个请求中我得到了密钥错误。

我通过npm run serve运行前端，通过flask run运行后端。有什么建议吗？

Answer 1

通过从烧瓶添加反向代理来解决。我已经将它添加到我的app.py中，因此它将所有请求传递到前端。

如果要在开发时使用此解决方案，请不要忘记在部署到生产服务器之前删除此终结点。

@app.route('/dev', methods=['GET'])
@app.route('/js/<path:dummy>', methods=['GET'])
def proxy(dummy=None):
if request.method == 'GET':
resp = requests.get(request.base_url.replace('5000', '8080'))
excluded_headers = ['content-encoding', 'content-length', 'transfer-encoding', 'connection']
headers = [(name, value) for (name, value) in resp.raw.headers.items() if name.lower() not in excluded_headers]
response = Response(resp.content, resp.status_code, headers)
return response