前端發(fā)送來的axios請求信息

this.$axios.request({
??url:'http://127.0.0.1:8001/pay/shoppingcar/',
??method:'post',
??headers:{
????authenticate:'a073b3dabbb140e8b9d28debb6a356a1'??# 自定義的請求頭部信息鍵值對,
??},??# 接上,這種key也算是一種請求頭,需要加入django中間件內(nèi)豁免的頭部信息內(nèi).
??data:{
????course_id:course_id,
????price_policy_id:price_policy_id
??}
}).then(function (data) {
??if(data.status==200){alert('加入購物車成功')}
})

?

針對以上這種帶有自定義頭部信息的復雜請求,需要在認證內(nèi)判斷請求是否是預檢的options請求,如果是

則直接return None,后續(xù)的幾個組件內(nèi)會把它作為匿名用戶處理,然后進入源碼中的options視圖內(nèi)返回,

返回的對象在經(jīng)過中間件的procee_response時,給它的頭部信息加入要豁免的請求頭.

認證組件內(nèi)authenticate方法中加入以下代碼:

if request.method=='OPTIONS':
????return None

中間件中代碼加頭部信息中自定義的key: 如下:

response["Access-Control-Allow-Headers"] = "Content-Type, AUTHENTICATE?" ?# 內(nèi)容類型

轉(zhuǎn)載于:https://www.cnblogs.com/quzq/p/10023295.html

總結(jié)

以上是生活随笔為你收集整理的axios发送自定义请求头的跨域解决的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。