Heim  >  Artikel  >  Backend-Entwicklung  >  So implementieren Sie Cross-Origin Resource Sharing (CORS) in Flask: Eine Schritt-für-Schritt-Anleitung

So implementieren Sie Cross-Origin Resource Sharing (CORS) in Flask: Eine Schritt-für-Schritt-Anleitung

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-10-28 09:43:01880Durchsuche

How to Implement Cross-Origin Resource Sharing (CORS) in Flask: A Step-by-Step Guide

CORS in Flask: Eine Schritt-für-Schritt-Anleitung zur Aktivierung von Cross-Origin-Anfragen

Cross-Origin Resource Sharing (CORS) ist ein wesentlicher Mechanismus zum Zulassen domänenübergreifender Anfragen in Webanwendungen. Flask, ein beliebtes Python-basiertes Web-Framework, bietet integrierte Unterstützung für CORS und erleichtert so die Aktivierung des ursprungsübergreifenden Zugriffs.

Aktivierung von CORS in Flask

Wenn der Fehler „XMLHttpRequest kann nicht geladen werden“ aufgrund fehlender CORS-Header auftritt, befolgen Sie diese Schritte:

  1. Installieren Sie flask-cors:

    <code class="shell">pip install Flask-CORS</code>
  2. CORS in Flask importieren:

    <code class="python">from flask_cors import CORS</code>
  3. CORS-Objekt initialisieren:

    <code class="python">cors = CORS(app)</code>
  4. CORS-Header konfigurieren:
    Aktualisieren Sie die CORS-Konfiguration, um die Header anzugeben, die für Cross-Origin-Anfragen zulässig sind. Standardmäßig lässt Flask-CORS nur den Header „Content-Type“ zu. Sie können dies bei Bedarf um zusätzliche Header erweitern, z. B. „Autorisierung“.

    <code class="python">app.config['CORS_HEADERS'] = 'Content-Type, Authorization'</code>
  5. CORS auf eine bestimmte Route anwenden:
    Wrap your Route mit dem Dekorator @cross_origin(), um CORS für diese bestimmte Route zu aktivieren.

    <code class="python">@app.route("/")
    @cross_origin()
    def my_route():
        ...</code>

Alternativ können Sie den Dekorator global auf alle Routen anwenden:

<code class="python">@app.after_request
def after_request(response):
    response.headers.add('Access-Control-Allow-Origin', '*')
    response.headers.add('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS')
    return response</code>

Mit diesen Schritten fügt Flask automatisch die erforderlichen CORS-Header zu Ihren Antworten hinzu und ermöglicht so ursprungsübergreifende Anfragen von anderen Domänen.

Zusätzliche Hinweise

  • Wenn Sie Heroku verwenden, um Ihre Flask-Anwendung bereitzustellen, müssen Sie CORS möglicherweise manuell in Ihrer Proc-Datei konfigurieren.
  • Denken Sie daran, den Access-Control-Allow-Origin-Header auf die entsprechende(n) Domäne(n) zu setzen. woher die Anfragen kommen.
  • Ausführlichere Informationen und Optionen finden Sie in der Flask-CORS-Dokumentation: http://flask-cors.readthedocs.org/en/latest/

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Cross-Origin Resource Sharing (CORS) in Flask: Eine Schritt-für-Schritt-Anleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn