快捷導(dǎo)航

Flask解決跨域的問(wèn)題示例代碼

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

這篇文章主要介紹了Flask解決跨域的問(wèn)題示例代碼，分享了相關(guān)代碼示例，小編覺(jué)得還是挺不錯(cuò)的，具有一定借鑒價(jià)值，需要的朋友可以參考下

跨域文件上傳的時(shí)候，瀏覽器會(huì)自動(dòng)發(fā)起一個(gè) OPTIONS 方法到服務(wù)器，現(xiàn)在后臺(tái)解決前端跨域解決前端跨域請(qǐng)求的問(wèn)題

客戶(hù)端發(fā)起的這個(gè) OPTIONS 可以說(shuō)是一個(gè)“預(yù)請(qǐng)求”，用于探測(cè)后續(xù)真正需要發(fā)起的跨域 POST 請(qǐng)求對(duì)于服務(wù)器來(lái)說(shuō)是否是安全可接受的，因?yàn)榭缬蛱峤粩?shù)據(jù)對(duì)于服務(wù)器來(lái)說(shuō)可能存在很大的安全問(wèn)題

請(qǐng)求頭 Access-Control-Request-Method 用于提醒服務(wù)器在接下來(lái)的請(qǐng)求中將會(huì)使用什么樣的方法來(lái)發(fā)起請(qǐng)求

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

示例

下載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/

實(shí)現(xiàn)

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

from flask_cors import CORS
app = Flask(__name__,)
# r'/*' 是通配符，讓本服務(wù)器所有的URL 都允許跨域請(qǐng)求
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請(qǐng)求

遇到的問(wèn)題

由于項(xiàng)目中路由是多級(jí)路由，通過(guò)主路由跳轉(zhuǎn)到子路由，一開(kāi)始的時(shí)候，允許跨域的配置在上傳文件的子路由中進(jìn)行設(shè)置，發(fā)現(xiàn)OPTIONS請(qǐng)求響應(yīng)值中并沒(méi)有返回預(yù)期的頭文件，將跨域設(shè)置在主路由中設(shè)置即可