解決vue請(qǐng)求接口第一次成功,第二次失敗問題
使用vue去請(qǐng)求接口發(fā)現(xiàn)問題來了:
我請(qǐng)求只能請(qǐng)求一次,然后在按按鈕去請(qǐng)求的時(shí)候發(fā)現(xiàn)
502(這個(gè)是接口定義的)502就是傳了空的值過來 這個(gè)是其中一種情況,還有別的情況 你看了 大可試試我這樣的辦法
然后發(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) } } })
補(bǔ)充知識(shí):vue中使用axios請(qǐng)求接口,請(qǐng)求會(huì)發(fā)送兩次
vue中使用axios請(qǐng)求接口,請(qǐng)求會(huì)發(fā)送兩次的問題
瀏覽器分為簡單請(qǐng)求以及非簡單請(qǐng)求:
解決方案:
跨域請(qǐng)求需要先發(fā)一次Option預(yù)請(qǐng)求,OPTIONS是檢驗(yàn)是否允許跨域的,如果不希望OPTIONS請(qǐng)求, 直接讓后端遇到option直接返回就可以了,前端可不做處理。
以上這篇解決vue請(qǐng)求接口第一次成功,第二次失敗問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
ElementPlus el-message-box樣式錯(cuò)位問題及解決
這篇文章主要介紹了ElementPlus el-message-box樣式錯(cuò)位問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09一文搞懂vue中provide和inject實(shí)現(xiàn)原理對(duì)抗平庸
這篇文章主要為大家介紹了vue中provide和inject實(shí)現(xiàn)原理的深入理解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04Vue3中集成高德地圖并實(shí)現(xiàn)平移縮放功能
隨著前端技術(shù)的不斷發(fā)展,地圖應(yīng)用在我們的項(xiàng)目中越來越常見,本文將介紹如何在Vue3項(xiàng)目中集成高德地圖,并通過簡單的配置實(shí)現(xiàn)地圖的平移和縮放功能,需要的朋友可以參考下2024-09-09Vue2.0實(shí)現(xiàn)組件數(shù)據(jù)的雙向綁定問題
這篇文章主要介紹了Vue2.0實(shí)現(xiàn)組件數(shù)據(jù)的雙向綁定問題,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-03-03Vue+Element實(shí)現(xiàn)動(dòng)態(tài)生成新表單并添加驗(yàn)證功能
這篇文章主要介紹了Vue+Element實(shí)現(xiàn)動(dòng)態(tài)生成新表單并添加驗(yàn)證功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05如何解決d3.event在v7版本無效影響zoom拖拽縮放問題
這篇文章主要介紹了如何解決d3.event在v7版本無效影響zoom拖拽縮放問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03vue實(shí)現(xiàn)移動(dòng)端的開關(guān)按鈕
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端的開關(guān)按鈕,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02關(guān)于移動(dòng)端與大屏幕自適應(yīng)適配方案
這篇文章主要介紹了關(guān)于移動(dòng)端與大屏幕自適應(yīng)適配方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10