### Flask 中配置 CORS 跨域请求 在 Flask 应用程序中，可以通过 `Flask-CORS` 插件来轻松处理跨域资源共享 (CORS) 请求。以下是几种常见的配置方法及其适用场景。 #### 方法一：全局配置 如果希望所有 API 接口都支持跨域访问，则可以使用 `CORS` 类进行全局设置。这种方式适合于开发环境或者需要开放全部接口的情况。 ```python from flask import Flask, jsonify from flask_cors import CORS app = Flask(__name__) CORS(app, resources=r'/*') # 全局允许所有路由的跨域请求[^2] @app.route('/api/data') def get_data(): return jsonify({'data': 'Hello, CORS with global settings!'}) if __name__ == '__main__': app.run(debug=True) ``` 上述代码通过 `CORS(app)` 将跨域功能应用于整个应用程序，并且通过参数 `resources=r'/*'` 明确指定了所有路由均支持跨域访问。 --- #### 方法二：局部配置 对于某些特定的路由或视图函数，可以选择性地启用跨域支持。这通常用于生产环境中仅部分接口需要跨域权限的情形。 ```python from flask import Flask, jsonify from flask_cors import cross_origin app = Flask(__name__) @app.route('/api/specific', methods=['GET']) @cross_origin() # 局部开启跨域支持 def specific_endpoint(): return jsonify({'message': 'This endpoint supports CORS.'}) if __name__ == '__main__': app.run(debug=True) ``` 在此示例中，装饰器 `@cross_origin()` 只作用于 `/api/specific` 这一路由上的跨域需求[^1]。 --- #### 方法三：自定义响应头 除了依赖 `Flask-CORS` 的自动注入外，还可以手动修改 HTTP 响应头部字段以满足更复杂的跨域需求。 ```python from flask import Flask, request, after_this_request, make_response app = Flask(__name__) @app.after_request def add_headers(response): response.headers['Access-Control-Allow-Origin'] = '*' response.headers['Access-Control-Allow-Methods'] = 'GET, POST, PUT, DELETE' response.headers['Access-Control-Allow-Headers'] = 'Content-Type, Authorization' return response @app.route('/api/custom-header') def custom_header(): return {'status': 'Custom headers added'} if __name__ == '__main__': app.run(debug=True) ``` 此方法通过拦截并扩展每个请求返回的 Response Header 来实现细粒度控制[^3]。 --- #### 参数说明 当调用 `CORS(app)` 或者 `@cross_origin()` 时，可传入额外选项来自定义行为： | 参数 | 含义 | |--------------------------|----------------------------------------------------------------------| | `origins='*'` | 设置允许哪些源发起请求，默认为 `'*'` 表示不限制任何来源[^4] | | `methods=None` | 列表形式指定允许的方法 | | `allow_headers=None` | 指定允许携带的 Headers | | `supports_credentials=False` | 是否支持带 Cookie 认证 | 例如： ```python CORS(app, origins=["http://example.com"], allow_headers=["Authorization", "Content-Type"]) ``` --- ### 总结 以上介绍了三种不同的方式来配置 Flask 中的 CORS 支持，分别是 **全局配置**、**局部配置** 和 **自定义响应头**。开发者可以根据实际项目的需求灵活选用合适的方案。