解决vue请求接口第一次成功,第二次失败问题


Posted in Javascript onSeptember 08, 2020

使用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请求接口第一次成功,第二次失败问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
javascript标签在页面中的位置探讨
Apr 11 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 Javascript
JQuery实现可直接编辑的表格
Apr 16 Javascript
javascript 分号总结及详细介绍
Sep 24 Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 Javascript
layer.confirm取消按钮绑定事件的方法
Aug 17 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
Jan 18 Javascript
VuePress 快速踩坑小结
Feb 14 Javascript
jquery实现上传图片功能
Jun 29 jQuery
Vant 在vue-cli 4.x中按需加载操作
Nov 05 Javascript
swiper实现导航滚动效果
Dec 13 Javascript
如何区分vue中的v-show 与 v-if
Sep 08 #Javascript
谈谈JavaScript中的函数
Sep 08 #Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 #Javascript
浅析JavaScript 函数柯里化
Sep 08 #Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 #Javascript
JavaScript 事件代理需要注意的地方
Sep 08 #Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 #Javascript
You might like
PHP 判断变量类型实现代码
2009/10/23 PHP
PHP zlib扩展实现页面GZIP压缩输出
2010/06/17 PHP
phpcms手机内容页面添加上一篇和下一篇
2015/06/05 PHP
支付宝服务窗API接口开发php版本
2016/07/20 PHP
php封装json通信接口详解及实例
2017/03/07 PHP
PHP递归实现快速排序的方法示例
2017/12/18 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
在线编辑器中换行与内容自动提取
2009/04/24 Javascript
TextArea不支持maxlength的解决办法(jquery)
2011/09/13 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
2013/06/13 Javascript
多种方式实现JS调用后台方法进行数据交互
2013/08/20 Javascript
js数组与字符串的相互转换方法
2014/07/09 Javascript
原生的html元素选择器类似jquery选择器
2014/10/15 Javascript
node.js读取文件到字符串的方法
2015/06/29 Javascript
跟我学习JScript的Bug与内存管理
2015/11/18 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
Vue.js如何实现路由懒加载浅析
2017/08/14 Javascript
使用socket.io制做简易WEB聊天室
2018/01/02 Javascript
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
4个顶级开源JavaScript图表库
2018/09/29 Javascript
python3.5使用tkinter制作记事本
2016/06/20 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
pygame游戏之旅 添加游戏介绍
2018/11/20 Python
Python代码太长换行的实现
2019/07/05 Python
在jupyter notebook中调用.ipynb文件方式
2020/04/14 Python
乌克兰巴士票购买网站:inBus
2021/03/12 全球购物
银行自荐信范文
2013/10/07 职场文书
大学生优秀的自我评价分享
2013/10/22 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
管理失职检讨书
2014/02/12 职场文书
授权委托书范文
2014/07/31 职场文书
杭州黄龙洞导游词
2015/02/10 职场文书
高校自主招生校长推荐信
2015/03/23 职场文书
2015年安全月活动总结
2015/03/26 职场文书
2019交通安全宣传标语集锦!
2019/06/28 职场文书
MySQL时间设置注意事项的深入总结
2021/05/06 MySQL