vue中使用axios請求post接口發(fā)送兩次
更新時間：2023年11月26日 16:09:13 作者：李小白呀
這篇文章主要為大家介紹了vue中使用axios請求post接口,請求會發(fā)送兩次原因解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
在vue中使用axios請求post接口
請求會發(fā)送兩次
所有跨域的js在提交post請求的時候，如果服務(wù)端設(shè)置了可跨域訪問都會默認發(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ā)送兩次的詳細內(nèi)容，更多關(guān)于vue axios請求post接口的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要介紹了vue 使用原生組件上傳圖片的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要介紹了使用vue開發(fā)移動端管理后臺的注意事項,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
Mixin，中文翻譯為"混入"，在Vue中是一種非常有用的功能，可以解決許多開發(fā)中的常見問題,下面就讓我們一起深入了解一下Mixin在Vue中解決了哪些問題吧2023-06-06
本篇文章主要介紹了vue-router：嵌套路由的使用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
vue項目實現(xiàn)一鍵網(wǎng)站換膚效果實例(webpack-theme-color-replacer的使用)
換皮膚一般都是點擊一個按鈕彈出一些皮膚的選項,選中選項后皮膚生效,下面這篇文章主要給大家介紹了關(guān)于vue項目實現(xiàn)一鍵網(wǎng)站換膚效果的相關(guān)資料,文中主要介紹的是webpack-theme-color-replacer的使用,需要的朋友可以參考下2023-02-02
這篇文章主要介紹了vue?+?electron應(yīng)用文件讀寫操作,如果要制作的應(yīng)用并不復(fù)雜，完全可以將數(shù)據(jù)存儲在本地文件當中，然后應(yīng)用就可以通過這些文件進行數(shù)據(jù)的讀寫，需要的朋友參考下吧2022-06-06
vue提倡的是在方法中只有對數(shù)據(jù)的處理，所以提供了事件修飾符用于DOM的事件處理，下面這篇文章主要給大家介紹了關(guān)于Vue自定義組件使用事件修飾符的相關(guān)資料,需要的朋友可以參考下2021-05-05
這篇文章主要給大家分享了 Vue中插槽slot的使用方法，下面文章內(nèi)容圍繞插槽slot的相關(guān)資料展開其的使用方法,需要的朋友可以參考一下，希望多大家有所幫助2021-11-11
關(guān)于Vue 自定義指令實現(xiàn)元素拖動的詳細代碼
這篇文章主要介紹了Vue 自定義指令實現(xiàn)元素拖動,在使用自定義指令之前，先對自定義指令有一定的了解，主要從自定義指令定義范圍，鉤子函數(shù)方面入手，需要的朋友可以參考下2022-01-01
這篇文章主要介紹了vue配置后臺接口方式，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03