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內容,比較麻煩,每個返回都需要單獨加。

最終結果

成功返回值

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