解決vue請求介面第一次成功,第二次失敗問題
阿新 • • 發佈:2020-09-09
使用vue去請求介面發現問題來了:
我請求只能請求一次,然後在按按鈕去請求的時候發現
502(這個是介面定義的)502就是傳了空的值過來 這個是其中一種情況,還有別的情況 你看了 大可試試我這樣的辦法
然後發現我前端程式碼沒有問題,介面程式碼也沒有問題
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請求介面,請求會發送兩次
vue中使用axios請求介面,請求會發送兩次的問題
瀏覽器分為簡單請求以及非簡單請求:
解決方案:
跨域請求需要先發一次Option預請求,OPTIONS是檢驗是否允許跨域的,如果不希望OPTIONS請求, 直接讓後端遇到option直接返回就可以了,前端可不做處理。
以上這篇解決vue請求介面第一次成功,第二次失敗問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。