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