Реагировать на проблему с Flask CORS

Question

У меня проблемы с выполнением простого вызова извлечения с использованием React для моего бэкэнда Flask.Я использую жизненный цикл componentDidMount, но продолжаю получать проблему с CORS.Я пытался использовать CORS из flask_cors, но до сих пор не могу получить его.Помогите!

Я также пытался добавить прокси с URL-адресом к бэкенду в моем package.json, но все равно не помогло.

Реагирует:

  class App extends Component {

  state = {
    flights: []
  }

  componentDidMount(){
    fetch('http://localhost:5000/flights')
    .then(res => console.log(res))
    .catch(err => console.log(err))
  }

фляга:

from flask_cors import CORS, cross_origin
from wsgiref.simple_server import make_server
from pyramid.config import Configurator
from pyramid.response import Response
import json
import random
import string

def get_confirmation_number():
    return ''.join(random.choices(string.ascii_uppercase + string.digits, k=5))

def flights(request):
    with open('flights.json') as f:
        content = json.loads(f.read())

    return content

def book(request):
    if random.randint(0,100) < 20:
        return {
            "success": False,
            "message": "This flight is full."
        }
    else:
        errors = []
        try:
            if 'first_name' not in request.json:
                errors.append({
                    "field": "first_name",
                    "error": "is_required",
                })

            if 'last_name' not in request.json:
                errors.append({
                    "field": "last_name",
                    "error": "is_required",
                })
        except:
            errors.append({
                "field": "all",
                "error": "empty_request"
            })

        if not errors:
            return {
                "success": True,
                "confirmation": get_confirmation_number()
            }
        else:
            return {
                "success": False,
                "message": "You did not pass a valid request.",
                "errors": errors,
            }

if __name__ == '__main__':
    with Configurator() as config:
        config.add_route('flights', '/flights')
        config.add_view(
            flights, route_name='flights', renderer='json'

        )
        config.add_route('book', '/book')
        config.add_view(
            book, route_name='book', renderer='json'
        )

        app = config.make_wsgi_app()
        CORS(app)
    print('Servers on http://0.0.0.0:5000')
    server = make_server('0.0.0.0', 5000, app)
    server.serve_forever()

В идеале я хотел бы решить эту проблему на внешнем интерфейсе, и мне не нужно использовать flask_cors, но если это необходимо, я тоже открыт для этого.

Answer 1

У меня та же проблема с тем же стеком, но использование CORS (приложение) решает эту проблему.Вероятно, это проблема с make_wsgi_app()

Вы можете попробовать это:

server = make_server('0.0.0.0', 5000, app)
CORS(server)
server.serve_forever()