解决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 相关文章推荐
JavaScript 应用技巧集合[推荐]
Aug 30 Javascript
jquery 鼠标滑动显示详情应用示例
Jan 24 Javascript
教你使用javascript简单写一个页面模板引擎
May 05 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
Nov 09 Javascript
jQuery实现摸拟alert提示框
May 22 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
May 23 Javascript
EasyUI中在表单提交之前进行验证
Jul 19 Javascript
在javascript中使用com组件的简单实现方法
Aug 17 Javascript
浅谈ES6新增的数组方法和对象
Aug 08 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
Jan 23 Javascript
js实现导航跟随效果
Nov 17 Javascript
云服务器部署Node.js项目的方法步骤(小白系列)
Mar 23 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安装xdebug/php安装pear/phpunit详解步骤(图)
2013/12/22 PHP
PHP中Session引起的脚本阻塞问题解决办法
2014/04/08 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
TP5(thinkPHP5框架)实现显示错误信息及行号功能的方法
2019/06/03 PHP
jquery选择器、属性设置用法经验总结
2013/09/08 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
JavaScript中SetInterval与setTimeout的用法详解
2015/11/10 Javascript
jquery实用技巧之输入框提示语句
2016/07/28 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
2016/10/08 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016/11/03 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
2017/07/06 Javascript
es6 字符串String的扩展(实例讲解)
2017/08/03 Javascript
解决Jquery下拉框数据动态获取的问题
2018/01/25 jQuery
运用js实现图层拖拽的功能
2019/05/24 Javascript
如何在Node和浏览器控制台中打印彩色文字
2020/01/09 Javascript
vue与iframe之间的信息交互的实现
2020/04/08 Javascript
[01:28]国服启动器接入蒸汽平台操作流程视频
2021/03/11 DOTA
Python判断直线和矩形是否相交的方法
2015/07/14 Python
python基于pyDes库实现des加密的方法
2017/04/29 Python
使用实现XlsxWriter创建Excel文件并编辑
2018/05/04 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
python 异或加密字符串的实例
2018/10/14 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
Django框架实现分页显示内容的方法详解
2019/05/10 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
浅谈Python访问MySQL的正确姿势
2020/01/07 Python
tensorflow求导和梯度计算实例
2020/01/23 Python
Python生成器实现简单"生产者消费者"模型代码实例
2020/03/27 Python
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
个人生活学习自我评价范文
2013/11/26 职场文书
建筑设计专业求职自我评价
2014/03/02 职场文书
作风整顿个人剖析材料
2014/10/06 职场文书
成本会计实训报告
2014/11/05 职场文书
nginx优化的六点方法
2021/03/31 Servers