解决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 相关文章推荐
html下载本地
Jun 19 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 Javascript
基于jQuery UI CSS Framework开发Widget的经验
Aug 21 Javascript
intro.js 页面引导简单用法 分享
Aug 06 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
Dec 02 Javascript
微信小程序 实例开发总结
Apr 26 Javascript
详解webpack + react + react-router 如何实现懒加载
Nov 20 Javascript
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
axios的拦截请求与响应方法
Aug 11 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
使用watch在微信小程序中实现全局状态共享
Jun 03 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中处理mysql_fetch_assoc返回来的数组 不用foreach----echo
2011/05/04 PHP
ThinkPHP文件缓存类代码分享
2015/04/22 PHP
PHP ajax 异步执行不等待执行结果的处理方法
2015/05/27 PHP
PHP处理数组和XML之间的互相转换
2016/06/02 PHP
PHP信号处理机制的操作代码讲解
2019/04/19 PHP
laravel 数据验证规则详解
2019/10/23 PHP
TreeView 用法(有代码)(asp.net)
2011/07/15 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
2015/08/26 Javascript
javaScript数组迭代方法详解
2016/04/14 Javascript
url传递的参数值中包含&时,url自动截断问题的解决方法
2016/08/02 Javascript
JavaScript登录记住密码操作(超简单代码)
2017/03/22 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
2017/07/10 Javascript
集合Bootstrap自定义confirm提示效果
2017/09/19 Javascript
Vue中render方法的使用详解
2018/01/26 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
2018/12/11 Javascript
elementUI Tree 树形控件的官方使用文档
2019/04/25 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
2021/02/26 Vue.js
[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局
2016/02/25 DOTA
python备份文件的脚本
2008/08/11 Python
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
python中利用await关键字如何等待Future对象完成详解
2017/09/07 Python
从头学Python之编写可执行的.py文件
2017/11/28 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
Python如何进行时间处理
2020/08/06 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
小班开学寄语
2014/04/04 职场文书
分公司经理任命书
2014/06/05 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
大学生第一学年自我鉴定
2014/09/12 职场文书
四风问题自我剖析材料
2014/10/07 职场文书
2014城乡环境综合治理工作总结
2014/12/19 职场文书
新闻稿件写作范文
2015/07/18 职场文书
小学生反邪教心得体会
2016/01/15 职场文书
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis