如何使用Vue和Flask中的会话？

Question

您知道，web应用程序需要会话或cookie来进行身份验证。我尝试用Vue.js和Flask微框架构建web应用程序，例如ERP或CRM。

我很困惑。如何使用会话？让我们假设我们在烧瓶中有这样的代码：

import os
from flask import Flask, request, jsonify, abort, session

app = Flask(__name__)
app.config['SECRET_KEY'] = os.getenv('SECRET_KEY') or \
    'e5ac358c-f0bf-11e5-9e39-d3b532c10a28'

@app.route('/login', methods=['POST'])
def user_login():
    user = request.form['user']
    session['isLogged'] = True
    return jsonify({'status': session['isLogged']})

@app.route('/user-info')
def user_info():
    if 'isLogged' in session:
        return jsonify({'user': 'ali'})
    else:
        return jsonify({'error': 'Authentication error'})

而我们的前端代码应该是这样的：

  mounted() {
    this.checkIsLogged();
  },
  methods: {
    checkIsLogged() {
      fetch('http://127.0.0.1:5000/user-info', {
        mode: 'no-cors',
        method: 'GET',
      }).then((resp) => {
        return resp;
      }).then((obj) => {
        if(obj.user) {
          this.status = true
        }
      })
    },
    login() {
      let frmData = new FormData(document.querySelector("#frmLogin"));

      fetch('http://127.0.0.1:5000/login', {
        mode: 'no-cors',
        method: 'POST',
        body: frmData,
      }).then((resp) => {
        return resp;
      }).then((obj) => {
        this.status = obj.status
      })
    }
  }

null

Answer 1

会话处理是你的水疗中心不太关心的事情。会话位于用户代理（浏览器）和服务器之间。您的vue应用程序与此没有太大关系。这并不是说你不能做错事，但通常问题不在你的前端。

话虽如此，但很难给出这个问题的答案，因为我们真的不知道出了什么问题。我所能做的是给你如何诊断这类问题的指导。在这个诊断过程中，你会发现真正的问题在哪里，至少对我来说，我需要做什么通常会变得很明显。

步骤1）

null

如果存在，则cookie现在必须存在于cookie存储区中。在chrome developer console中，转到“Application”选项卡，从左侧菜单展开Cookies，然后查看存在Cookie的主机。应该有一个cookie礼物，这是在之前的步骤中设置的。如果不是，浏览器不接受cookie。当您的cookie设置为特定的域或路径时，通常会发生这种情况，而这不是正确的域或路径。在这种情况下，可以尝试将域和/或路径设置为空或正确的值（如果路径是“/”）。如果您的cookie存在，请转到步骤3

3）

还记得我说过应用程序与会话无关吗。使用ajax或在浏览器中输入一个有效的URL，发送的每个请求都会在请求头中发送该主机的所有cookie。除非您主动阻止使用任何库这样做。如果您的请求不包含会话cookie，则下列情况之一通常为真：

null