Home  >  Article  >  Backend Development  >  How to Enable Cross-Origin Requests (CORS) in Flask?

How to Enable Cross-Origin Requests (CORS) in Flask?

Patricia Arquette
Patricia ArquetteOriginal
2024-10-30 20:49:30292browse

How to Enable Cross-Origin Requests (CORS) in Flask?

How to Resolve Cross-Origin Request Issues in Flask

When attempting cross-origin requests with jQuery, you may encounter the error: "'XMLHttpRequest cannot load... No 'Access-Control-Allow-Origin' header is present on the requested resource.'" However, by enabling CORS in Flask, this issue can be resolved. Here's how:

In your Flask application, add the necessary dependencies:

<code class="python">from flask import Flask
from flask_cors import CORS, cross_origin</code>

Configure the CORS headers:

<code class="python">app = Flask(__name__)
cors = CORS(app)
app.config['CORS_HEADERS'] = 'Content-Type'</code>

For each route where you want to enable CORS, use the @cross_origin decorator:

<code class="python">@app.route("/")
@cross_origin()
def helloWorld():
    return "Hello, cross-origin-world!"</code>

This method will enable CORS for the specified route. Remember to specify the desired HTTP methods in the cross_origin decorator if necessary. By following these steps, you can effortlessly resolve CORS-related issues in your Flask application.

The above is the detailed content of How to Enable Cross-Origin Requests (CORS) in Flask?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn