本地服务器下React调用Flask接口遇跨域错误的解决咨询

给你的Flask应用添加跨域支持最简洁的方式是使用flask-cors扩展，步骤如下：

• 首先安装依赖：

  pip install flask-cors
  

• 修改你的Flask代码，添加CORS配置：

  from flask import Flask
  from flask_cors import CORS  # 导入CORS扩展
  
  app = Flask(__name__)
  CORS(app)  # 允许所有来源的跨域请求
  
  @app.route("/api")
  def parse():
      return {"test": "json"}
  
  if __name__ == "__main__":
      # for production change debug to False
      app.run(debug=True)
  

这样修改后，你的React应用就能正常从http://localhost:5000/api获取数据，不会再出现跨域错误。如果需要更精细的控制（比如只允许React所在的特定域名），可以给CORS()传入参数，比如CORS(app, resources={r"/api/*": {"origins": "http://localhost:3000"}})（假设React运行在3000端口），但极简场景下直接用CORS(app)就足够。

内容的提问来源于stack exchange，提问作者Yehuda