Question

我在Vue.js上有一个前端应用程序，在Flask / Python上有一个后端应用程序。

我正在尝试向后端发送带有“授权”标头的请求，但是此标头没有到达我的后端。

我已经尝试在CORS函数中提供此标头，但没有成功。

有人知道我该如何解决吗？

我在前端和后端代码下方发送。

谢谢。

Vue.js代码

var authorization = ...

axios.post(process.env.VUE_APP_URL + 'ms3/sign_in', 
  {
    params: {
    }
  }, {
    headers: {
      'Access-Control-Allow-Origin': '*'
      'Authorization': authorization
    }
  }).then(response => {
    localStorage.setItem('ms3_user_token', response.headers.authorization)
  }).catch(error => {
    self.errorSignIn = error
    self.erroredSignIn = true
  }).finally(() => {
    self.loading = false
  })

烧瓶代码：

from flask import Flask
from flask_cors import CORS

...

app = Flask(__name__)
CORS(app, origins='*', 
     headers=['Content-Type', 'Authorization'], 
     expose_headers='Authorization')

...

@app.route("/ms3/sign_in", methods = ["POST", "OPTIONS"])
def ms3_sign_in(): 
    # the header does not exist
    auth_header = request.headers.get("Authorization")

    if auth_header is None or not auth_header.startswith('Basic '):
        return jsonify({ "message": "Invalid 'Authorization' header" }), 401

    username, password = ...

    encoded_jwt_token = auth_login(username, password)

    resp = Response("Returned Token")
    resp.headers['Authorization'] = encoded_jwt_token

    return resp

Answer 1

感谢Python Brasil小组的Allan对我的帮助。

在我对Vue.js应用程序的请求中需要添加“'Content-Type'：'application / json'”。

我将更新后的代码发送给下面，以寻求将来的帮助：

Vue.js代码

var authorization = ...

axios.post(process.env.VUE_APP_URL + 'ms3/sign_in', 
  {
    params: {
    }
  }, {
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Content-Type': 'application/json',  // <-- here
      'Authorization': authorization
    }
  }).then(response => {
    localStorage.setItem('ms3_user_token', response.headers.authorization)
  }).catch(error => {
    self.errorSignIn = error
    self.erroredSignIn = true
  }).finally(() => {
    self.loading = false
  })

Flask CORS：我如何收到“授权”标头？

1 个答案: