Flask解决跨域请求的三种实现方案

Ada

发布时间：2026-10-13 | 6人浏览过

原创

本文介绍在Flask开发RESTful后端时解决前端跨域问题的三种方法。包括使用flask-cors库进行独立路由装饰、全局CORS实例化以及通过请求钩子手动添加Response header。文章提供了具体代码示例，帮助开发者根据安全需求选择合适的跨域策略。

在基于Flask构建RESTful后端服务时，前端发起的请求常会遭遇跨域限制。以下是具体的解决策略：

借助库可以便捷地处理该问题。

pip install flask-cors

主要包含两种配置模式：一种是针对特定路由的独立配置，另一种是适用于所有路由的全局或批量配置。

出于安全考量，通常推荐采用独立配置的方式。

1. 独立配置方式

只需在目标路由函数上添加装饰器即可实现。

from flask import Flask, jsonify
from flask_cors import cross_origin

@app.route('/upload', methods=['POST', 'OPTIONS'])
@cross_origin()
def upload():
  # todo
  result_text = {"result": "True"}
  return jsonify(result_text)

2. 全局配置方式

实现过程同样简单：

from flask import Flask
from flask_cors import CORS

if __name__ == '__main__':
  app.run(host='0.0.0.0', threaded=True, debug=True)
  CORS(app)

通过这种方式，应用内所有路由均将支持跨域访问。

3. 批量配置方式

此外，还可以依据路由正则表达式进行批量控制，这种方式更为灵活，具体用法可参考官方文档。

另一种方法是在请求的Response header中手动注入相应的Header字段。

@app.after_request
def af_request(resp): 
"""
#请求钩子，在所有的请求发生后执行，加入headers。
:param resp:
:return:
"""
resp = make_response(resp)
resp.headers['Access-Control-Allow-Origin'] = '*'
resp.headers['Access-Control-Allow-Methods'] = 'GET,POST'
resp.headers['Access-Control-Allow-Headers'] = 'x-requested-with,content-type'
return resp

以上内容即为Flask处理跨域请求的核心方法，希望能为读者提供有益参考，欢迎继续支持本站。