在vue項(xiàng)目中使用axios發(fā)送http請(qǐng)求,每次請(qǐng)求都會(huì)多一次Request Method: OPTIONS請(qǐng)求腺律,然后才是get/post請(qǐng)求:
百度查看原因奕短,大概有這幾種:
CORS跨域分為 簡(jiǎn)單跨域請(qǐng)求和復(fù)雜跨域請(qǐng)求
簡(jiǎn)單跨域請(qǐng)求是不會(huì)發(fā)送options請(qǐng)求的
復(fù)雜跨域請(qǐng)求會(huì)發(fā)送一個(gè)預(yù)檢請(qǐng)求options
復(fù)雜跨域請(qǐng)求要滿足以下:
1、請(qǐng)求方法不是GET/HEAD/POST
2匀钧、POST請(qǐng)求的Content-Type并非application/x-www-form-urlencoded, multipart/form-data, 或text/plain
3翎碑、請(qǐng)求設(shè)置了自定義的header字段
如果不想發(fā)送option請(qǐng)求可以改為簡(jiǎn)單請(qǐng)求
比如你的Content-Type可能是application/json格式
將其改為application/x-www-form-urlencoded
我的content-type就是application/json? 由于之前接口對(duì)接是嘗試過application/x-www-form-urlencoded后端不支持,在此我也不再去驗(yàn)證了之斯,對(duì)于前端來說幾乎沒什么影響
如果不想每次查看接口的時(shí)候看到一堆重復(fù)的請(qǐng)求接口日杈,在network中選擇XHR,不要選擇All,這樣能過濾掉OPTIONS佑刷,只看到我們正常的請(qǐng)求
轉(zhuǎn)載自:http://www.reibang.com/p/297d3114011c