连接AWS放大前端到AWS弹性豆茎后端时的CORS问题

Question

背景：我的应用程序前端（Vue）部署在AWS Amplify上，后端（Python）部署在AWS Elastic Beanstalk上。我的前端通过Axios连接到后端。

问题：当从前端向后端发送数据时，我得到一个CORS错误，从源'***'访问位于'***'处的XMLHttpRequest已被CORS策略阻止：请求的资源上没有'Access-Control-Allow-Origin'标头。

当我的前端向本地主机发送数据时，没有问题，所以我不认为这是我的代码的问题。我需要改变弹性豆茎配置吗？

我不确定我需要包含什么代码才能得到一个正确的答案，所以请让我知道你想看到什么，我可以适当地更新这个问题。我已经在下面添加了我的application.py代码，目前正在使用Flask-CORS。

from flask import Flask, render_template
from flask import request, session
from flask_cors import CORS
import os
from common.api import api
from journal_blueprint import journal_blueprint
from manuscript_blueprint import manuscript_blueprint
from user_blueprint import user_blueprint
from models.decorators import requires_login
from models.user import User
from models.manuscript import Manuscript
from models.journal import Journal
from config_file import BaseConfig

application=Flask(__name__)

application.secret_key = BaseConfig.SECRET_KEY
application.config['SQLALCHEMY_DATABASE_URI'] = os.environ["DATABASE_URL"]

CORS(application)

application.register_blueprint(journal_blueprint, url_prefix='/journal')
application.register_blueprint(user_blueprint, url_prefix='/user')
application.register_blueprint(manuscript_blueprint, url_prefix='/manuscript')
application.register_blueprint(api, url_prefix="/api")


@application.route('/')
def home_template():
    return render_template('index.html')


@application.route('/login')
def login_template():
    return render_template('user/login.html')


@application.route('/register')
def register_template():
    return render_template('user/register.html')


if __name__ == '__main__':
    # application.run(debug=True)
    application.run()

Answer 1

你的配置看起来不错。请在elasticbeantalk日志中查找错误。应用程序可能会在elasticbeanstalk环境中抛出一些错误，在此期间不会返回CORS头。