Flask-CORS|极客笔记

Flask-CORS

在Web开发中，跨域资源共享（Cross-Origin Resource Sharing，CORS）是一种机制，它允许服务器指定哪些网站可以访问其资源。在某些情况下，当前的浏览器执行的脚本需要从不同的域（域名、协议或端口）访问服务器上的数据。这种情况下，浏览器会执行跨域请求，而CORS就是一种机制，允许服务器与浏览器协商确定是否允许跨域访问。

在Flask中，我们可以使用Flask-CORS这个扩展来处理CORS。Flask-CORS是Flask的一个CORS扩展，可以帮助我们轻松地处理跨域请求。

安装Flask-CORS

要使用Flask-CORS，首先需要安装这个扩展。可以通过pip来安装Flask-CORS：

pip install Flask-CORS

安装完成后，在Flask应用程序中导入Flask-CORS模块：

from flask import Flask
from flask_cors import CORS

app = Flask(__name__)
CORS(app)

这样就完成了Flask-CORS的安装和配置。

配置CORS

Flask-CORS允许我们在应用程序中配置不同的CORS选项。我们可以通过传递一些参数来配置CORS，如允许的域名、方法等。

以下是一些常用的配置选项：

origins：允许访问资源的域名。可以是一个字符串，也可以是一个列表。默认为*，表示允许所有域名访问。
methods：允许跨域请求的HTTP方法。默认为GET,HEAD,POST,OPTIONS,PUT,PATCH,DELETE。
allow_headers：允许的请求头。可以是一个字符串或列表。默认为空，表示允许所有请求头。
supports_credentials：是否支持发送凭据（如cookies、HTTP认证信息）。默认为False。

下面是一个配置CORS的示例：

from flask import Flask
from flask_cors import CORS

app = Flask(__name__)
CORS(app, resources={r"/*": {"origins": "http://example.com"}})

这段代码表示只有http://example.com这个域名可以访问应用程序中的资源。

使用CORS

使用Flask-CORS很简单，只需要在路由函数上加上@cross_origin()装饰器即可。

from flask import Flask, jsonify
from flask_cors import CORS, cross_origin

app = Flask(__name__)
CORS(app)

@app.route('/api/data')
@cross_origin()
def get_data():
    data = {'name': 'Alice', 'age': 25}
    return jsonify(data)

if __name__ == '__main__':
    app.run()

在上面的示例中，我们在/api/data路由上加上了@cross_origin()装饰器。这样就可以允许跨域访问该路由。请求这个路由时，浏览器会发送一个预检请求（OPTIONS请求），以确定是否允许跨域访问。

运行示例

为了演示Flask-CORS的使用，我们可以创建一个简单的Flask应用程序，其中包含跨域访问的接口。

首先，创建一个Flask应用程序：

from flask import Flask, jsonify
from flask_cors import CORS, cross_origin

app = Flask(__name__)
CORS(app)

@app.route('/api/data')
@cross_origin()
def get_data():
    data = {'name': 'Alice', 'age': 25}
    return jsonify(data)

if __name__ == '__main__':
    app.run()

保存为app.py，然后运行应用程序：