解決vue請求接口第一次成功,第二次失敗問題
更新時間：2020年09月08日 10:31:26 作者：An_s
這篇文章主要介紹了解決vue請求接口第一次成功,第二次失敗問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
使用vue去請求接口發(fā)現(xiàn)問題來了：
我請求只能請求一次，然后在按按鈕去請求的時候發(fā)現(xiàn)
502（這個是接口定義的）502就是傳了空的值過來 這個是其中一種情況，還有別的情況 你看了 大可試試我這樣的辦法
然后發(fā)現(xiàn)我前端代碼沒有問題，接口代碼也沒有問題
data() {
return {
form: {
old_password: '',
new_password: '',
confirm_password: ''
}
}
},
就是把值在重新賦值回去就可以解決了
this.$http.post('/api/users/modifyPassword', this.form,
(res) => {
this.form = {
old_password: this.form.old_password,
new_password: this.form.new_password,
confirm_password: this.form.confirm_password
}
if (is.object(res)) {
console.log(res)
if (res.code === '0') {
this.$router.push({ path: '/my/' })
this.$toast.show(res.msg)
} else {
this.$toast.show(res.msg)
}
}
})
補充知識：vue中使用axios請求接口，請求會發(fā)送兩次
vue中使用axios請求接口，請求會發(fā)送兩次的問題
瀏覽器分為簡單請求以及非簡單請求：
解決方案：
跨域請求需要先發(fā)一次Option預(yù)請求，OPTIONS是檢驗是否允許跨域的，如果不希望OPTIONS請求， 直接讓后端遇到option直接返回就可以了，前端可不做處理。
以上這篇解決vue請求接口第一次成功,第二次失敗問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了vue-cli如何快速構(gòu)建vue項目，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了vue下axios攔截器token刷新機制的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
這篇文章主要介紹了Vue+Element UI 實現(xiàn)視頻上傳功能,前臺使用Vue+Element UI中的el-upload組件實現(xiàn)視頻上傳及進度條展示，后臺提供視頻上傳API并返回URL，具體實現(xiàn)代碼及效果展示跟隨小編一起看看吧2022-01-01
Vue服務(wù)端渲染和Vue瀏覽器端渲染的性能對比(實例PK )
這篇文章主要介紹了Vue服務(wù)端渲染和Vue瀏覽器端渲染的性能對比(實例PK ),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
圖片和文件上傳在很多項目中都可以使用的到，本文主要介紹了VUE+element-ui文件上傳的示例代碼，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
Nuxt.js是創(chuàng)建Universal Vue.js應(yīng)用程序的框架。它的主要范圍是UI渲染，同時抽象出客戶端/服務(wù)器分布。我們的目標是創(chuàng)建一個足夠靈活的框架，以便您可以將其用作主項目庫或基于Node.js的當前項目。2020-03-03
這篇文章主要為大家介紹了vue3中的非父子組件傳值，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
循環(huán)使用v-for指令,v-for指令需要以site in sites形式的特殊語法,sites是源數(shù)據(jù)數(shù)組并且site是數(shù)組元素迭代的別名,下面這篇文章主要給大家介紹了關(guān)于Vue中v-for列表循環(huán)的相關(guān)資料,需要的朋友可以參考下2022-11-11
script-setup是一個比較有爭議的新特性,作為 setup 函數(shù)的語法糖,褒貶不一,不過經(jīng)歷了幾次迭代之后,目前在體驗上來說,感受還是非常棒的,這篇文章主要給大家介紹了關(guān)于vue3中setup-script應(yīng)用的相關(guān)資料,需要的朋友可以參考下2022-01-01
這篇文章主要介紹了Vue?webpack的基本使用,本文結(jié)合示例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-12-12