vue中使用axios請(qǐng)求post接口發(fā)送兩次
在vue中使用axios請(qǐng)求post接口
請(qǐng)求會(huì)發(fā)送兩次


所有跨域的js在提交post請(qǐng)求的時(shí)候,如果服務(wù)端設(shè)置了可跨域訪問(wèn)都會(huì)默認(rèn)發(fā)送兩次請(qǐng)求,第一次是預(yù)檢請(qǐng)求,查詢是否支持跨域,第二次才是真正的post提交。JS中出現(xiàn)這個(gè)現(xiàn)象原因在于你發(fā)送了一個(gè)非簡(jiǎn)單請(qǐng)求。
瀏覽器分為簡(jiǎn)單請(qǐng)求以及非簡(jiǎn)單請(qǐng)求
跨域請(qǐng)求需要先發(fā)一次Option預(yù)請(qǐng)求,OPTIONS是檢驗(yàn)是否允許跨域的,如果不希望OPTIONS請(qǐng)求, 直接讓后端遇到option直接返回就可以了,前端可不做處理。
簡(jiǎn)單請(qǐng)求
以下三項(xiàng)必須都成立:
1. 只能是Get、Head、Post方法
2. 除了瀏覽器自己在Http頭上加的信息(如Connection、User-Agent),開發(fā)者只能加這幾個(gè):Accept、Accept-Language、Content-Type、。。。。
3. Content-Type只能取這幾個(gè)值:
application/x-www-form-urlencoded multipart/form-data text/plain
只有同時(shí)滿足以上條件時(shí),才是簡(jiǎn)單請(qǐng)求,否則為非簡(jiǎn)單請(qǐng)求
以上就是vue中使用axios請(qǐng)求post接口發(fā)送兩次的詳細(xì)內(nèi)容,更多關(guān)于vue axios請(qǐng)求post接口的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Vue 組件事件觸發(fā)和監(jiān)聽實(shí)現(xiàn)源碼解析
這篇文章主要為大家介紹了Vue 組件事件觸發(fā)和監(jiān)聽實(shí)現(xiàn)源碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12
VueJS頁(yè)面渲染之后如何調(diào)用函數(shù)
這篇文章主要介紹了VueJS頁(yè)面渲染之后如何調(diào)用函數(shù)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
vue.js移動(dòng)端tab組件的封裝實(shí)踐實(shí)例
本篇文章主要介紹了vue.js移動(dòng)端tab的封裝實(shí)踐實(shí)例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
Vue中的watch是什么以及watch和computed的區(qū)別
這篇文章主要介紹了Vue中的watch是什么以及watch和computed的區(qū)別說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-06-06
微信小程序地圖導(dǎo)航功能實(shí)現(xiàn)完整源代碼附效果圖(推薦)
這篇文章主要介紹了微信小程序地圖導(dǎo)航功能實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04

