Flask解決跨域的問題示例代碼

更新時間：2018年02月12日 09:08:56 作者：sysu_lluozh

這篇文章主要介紹了Flask解決跨域的問題示例代碼，分享了相關代碼示例，小編覺得還是挺不錯的，具有一定借鑒價值，需要的朋友可以參考下

跨域文件上傳的時候，瀏覽器會自動發(fā)起一個 OPTIONS 方法到服務器，現(xiàn)在后臺解決前端跨域解決前端跨域請求的問題

客戶端發(fā)起的這個 OPTIONS 可以說是一個“預請求”，用于探測后續(xù)真正需要發(fā)起的跨域 POST 請求對于服務器來說是否是安全可接受的，因為跨域提交數(shù)據(jù)對于服務器來說可能存在很大的安全問題

請求頭 Access-Control-Request-Method 用于提醒服務器在接下來的請求中將會使用什么樣的方法來發(fā)起請求

Access-Control-Allow-Method 和 Access-Control-Allow-Origin 分別告知客戶端，服務器允許客戶端用于跨域的方法和域名

示例

下載flask_cors 包

pip install flask-cors

使用flask_cors的CORS，代碼示例

from flask_cors import *

app = Flask(__name__)
CORS(app, supports_credentials=True)

以下是Flask-CORS 的官方文檔鏈接

http://flask-cors.readthedocs.io/en/latest/

實現(xiàn)

現(xiàn)在我們看看解決問題的實際案例

from flask_cors import CORS
app = Flask(__name__,)
# r'/*' 是通配符，讓本服務器所有的URL 都允許跨域請求
CORS(app, resources=r'/*')
# 上傳文件
@uploadFiles.route('/upload', methods=['POST'])
def uploadFile():
  result_text = {"statusCode": 200,"message": "文件上傳成功"}
  response = make_response(jsonify(result_text))
  response.headers['Access-Control-Allow-Origin'] = '*'
  response.headers['Access-Control-Allow-Methods'] = 'OPTIONS,HEAD,GET,POST'
  response.headers['Access-Control-Allow-Headers'] = 'x-requested-with'
  return response

使用POSTMAN請求