为了解决跨域问题,可以使用 Flask 的 flask_cors 库。在代码中,我们首先要在 Flask 应用上启用 CORS。这里是如何修改代码:
首先,需要导入 CORS:
from flask_cors import CORS, cross_origin
然后,假设在某个地方有如下的 Flask 应用实例化:
app = Flask(__name__)
启用 CORS:
CORS(app)
最后,对路由应用 CORS:
@bp.route('/match', methods=['POST'])
@cross_origin()
def graph_match():
# 你的代码
这就是最后的代码:
import os
from flask import Blueprint, jsonify, current_app
from flask_cors import CORS, cross_origin
from app.service.graph import sub_graph_match
bp = Blueprint('main', __name__)
CORS(bp)
@bp.route('/match', methods=['POST'])
@cross_origin()
def graph_match():
data = sub_graph_match()
return jsonify(data)
现在,‘/match’ 路由支持来自所有来源的跨域请求。可以在 @cross_origin()
中添加更多参数,比如 origins
,以限制哪些来源的请求被接受。
配置参数说明
参数 | 类型 | Head | 默认 | 说明 |
---|---|---|---|---|
resources | 字典、迭代器或字符串 | 无 | 全部 | 配置允许跨域的路由接口 |
origins | 列表、字符串或正则表达式 | Access-Control-Allow-Origin | * | 配置允许跨域访问的源 |
methods | 列表、字符串 | Access-Control-Allow-Methods | [GET, HEAD, POST, OPTIONS, PUT, PATCH, DELETE] | 配置跨域支持的请求方式 |
expose_headers | 列表、字符串 | Access-Control-Expose-Headers | None | 自定义请求响应的Head信息 |
allow_headers | 列表、字符串或正则表达式 | Access-Control-Request-Headers | * | 配置允许跨域的请求头 |
supports_credentials | 布尔值 | Access-Control-Allow-Credentials | False | 是否允许请求发送cookie |
max_age | timedelta、整数、字符串 | Access-Control-Max-Age | None | 预检请求的有效时长 |