axios發送自定義請求頭的跨域解決

前端發送來的axios請求信息

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

?

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

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

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

認證組件內authenticate方法中加入以下代碼:

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

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

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