Python Flask Html跨域错误解决 错误内容...has been blocked by CORS policy: No 'Access-Control-Allow-Origin'

Python Flask Html跨域错误解决 错误内容...has been blocked by CORS policy: No 'Access-Control-Allow-Origin'

跨域问题

浏览器在访问一个资源,或者和后台请求一项服务时,如果涉及到后台操作,总会报一个跨域问题错误,以下是Flask和Html交互时的解决办法。

完整错误

跨域错误

jquery-2.2.3.min.js:4 Access to XMLHttpRequest at ‘http://127.0.0.1:5000/savepic’ from origin ‘http://localhost:63342’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

解决方法(推荐)

  1. 安装flask-cors (Anaconda Prompt或者命令提示符中运行)
pip install flask-cors
  1. 在app=Flask(name)后添加引用
app = Flask(__name__)
#自动在报文头部加入相应内容
CORS(app, resources=r'/*')

其他方法(不推荐)

  1. 改浏览器配置;
  2. 返回增加headers内容,比较麻烦,每个返回都需要单独加。

最终结果

成功返回值

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章