对 Flask CORS 问题做出反应答案

【问题标题】：React to Flask CORS issue对 Flask CORS 问题做出反应
【发布时间】：2019-07-26 10:22:42
【问题描述】：

我在使用 React 对我的 Flask 后端进行简单的 fetch 调用时遇到问题。我正在使用 componentDidMount 生命周期，但不断收到 CORS 问题。我尝试使用来自 flask_cors 的 CORS，但仍然无法获得它。救命！

我也尝试在我的 package.json 中将带有 url 的代理添加到后端，但仍然没有帮助。

反应：

  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，但如果有必要我也愿意。

【问题讨论】：

您从flask_cors 导入cross_origin 但不要使用它。你试过用它装饰你的路线吗？

标签： ajax reactjs flask

【解决方案1】：

我在相同的堆栈上遇到了同样的问题，但使用 CORS(app) 解决了这个问题。可能是make_wsgi_app()的问题

你可以试试这个：

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

【讨论】：