解决vue请求接口第一次成功,第二次失败问题
使用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请求接口第一次成功,第二次失败问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。