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），開(kāi)發(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 使用原生組件上傳圖片的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
使用vue開(kāi)發(fā)移動(dòng)端管理后臺(tái)的注意事項(xiàng)
這篇文章主要介紹了使用vue開(kāi)發(fā)移動(dòng)端管理后臺(tái)的注意事項(xiàng),小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-03-03
Vue利用Mixin輕松實(shí)現(xiàn)代碼復(fù)用
Mixin，中文翻譯為"混入"，在Vue中是一種非常有用的功能，可以解決許多開(kāi)發(fā)中的常見(jiàn)問(wèn)題,下面就讓我們一起深入了解一下Mixin在Vue中解決了哪些問(wèn)題吧2023-06-06
本篇文章主要介紹了vue-router：嵌套路由的使用方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
vue項(xiàng)目實(shí)現(xiàn)一鍵網(wǎng)站換膚效果實(shí)例(webpack-theme-color-replacer的使用)
換皮膚一般都是點(diǎn)擊一個(gè)按鈕彈出一些皮膚的選項(xiàng),選中選項(xiàng)后皮膚生效,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目實(shí)現(xiàn)一鍵網(wǎng)站換膚效果的相關(guān)資料,文中主要介紹的是webpack-theme-color-replacer的使用,需要的朋友可以參考下2023-02-02
vue?+?electron應(yīng)用文件讀寫(xiě)操作
這篇文章主要介紹了vue?+?electron應(yīng)用文件讀寫(xiě)操作,如果要制作的應(yīng)用并不復(fù)雜，完全可以將數(shù)據(jù)存儲(chǔ)在本地文件當(dāng)中，然后應(yīng)用就可以通過(guò)這些文件進(jìn)行數(shù)據(jù)的讀寫(xiě)，需要的朋友參考下吧2022-06-06
vue提倡的是在方法中只有對(duì)數(shù)據(jù)的處理，所以提供了事件修飾符用于DOM的事件處理，下面這篇文章主要給大家介紹了關(guān)于Vue自定義組件使用事件修飾符的相關(guān)資料,需要的朋友可以參考下2021-05-05
這篇文章主要給大家分享了 Vue中插槽slot的使用方法，下面文章內(nèi)容圍繞插槽slot的相關(guān)資料展開(kāi)其的使用方法,需要的朋友可以參考一下，希望多大家有所幫助2021-11-11
關(guān)于Vue 自定義指令實(shí)現(xiàn)元素拖動(dòng)的詳細(xì)代碼
這篇文章主要介紹了Vue 自定義指令實(shí)現(xiàn)元素拖動(dòng),在使用自定義指令之前，先對(duì)自定義指令有一定的了解，主要從自定義指令定義范圍，鉤子函數(shù)方面入手，需要的朋友可以參考下2022-01-01
這篇文章主要介紹了vue配置后臺(tái)接口方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03