解决axios post 后端无法接收数据的问题


Posted in Javascript onOctober 29, 2019

在后端 允许跨域的情况下,axios post 将数据传到后端,但是后端无法接收,始终为空

请求能正常到达后端,那么肯定传数据的地方的问题了

所以这里headers设置为

headers:{"Content-Type":'application/x-www-form-urlencoded;charset=UTF-8'}

另外transformRequest函数

transformRequest: [function (data) {
                // 对 data 进行任意转换处理
                let ret = '';
                for (let it in data){
                  ret += encodeURIComponent(it)+'='+encodeURIComponent(data[it])+'&'
                }
                return ret

                // return this.$qs.stringify(data);
              }],

以下是全部代码

this.$http.post('http://127.0.0.1:8123/addapp',{name:"test",desc:"test"},{

  transformRequest: [function (data) {
     // 对 data 进行任意转换处理
     let ret = '';
                for (let it in data){
                  ret += encodeURIComponent(it)+'='+encodeURIComponent(data[it])+'&'
                }
                return ret

                // return this.$qs.stringify(data);
              }],
              headers:{
                  "Content-Type":'application/x-www-form-urlencoded;charset=UTF-8'
              }
            })
              .then(function (response) {
                console.log(response);
              })
              .catch(function (error) {
                console.log(error);
              });

          } else {
            this.$Message.error('Fail!');
          }
        })

以上这篇解决axios post 后端无法接收数据的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jQuery制作迷你背词汇工具
Jul 27 Javascript
jQuery学习之prop和attr的区别示例介绍
Nov 15 Javascript
用C/C++来实现 Node.js 的模块(一)
Sep 24 Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 Javascript
JavaScript两个变量交换值的实现方法
Mar 01 Javascript
bootstrap警告框示例代码分享
May 17 Javascript
总结js函数相关知识点
Feb 27 Javascript
vue内置指令详解
Apr 03 Javascript
JS实现方形抽奖效果
Aug 27 Javascript
vue解决一个方法同时发送多个请求的问题
Sep 25 Javascript
Vue.js组件间通信方式总结【推荐】
Nov 23 Javascript
使用apifm-wxapi模块中的问题及解决方法
Aug 05 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 #Javascript
vue+elementui 对话框取消 表单验证重置示例
Oct 29 #Javascript
vue实现路由监听和参数监听
Oct 29 #Javascript
基于axios 的responseType类型的设置方法
Oct 29 #Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
Oct 29 #Javascript
vue + elementUI实现省市县三级联动的方法示例
Oct 29 #Javascript
vue 强制组件重新渲染(重置)的两种方案
Oct 29 #Javascript
You might like
php flush类输出缓冲剖析
2008/10/19 PHP
php下安装配置fckeditor编辑器的方法
2011/03/02 PHP
PHP大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
php对象和数组相互转换的方法
2015/05/12 PHP
浅谈PHP接入(第三方登录)QQ登录 OAuth2.0 过程中遇到的坑
2017/10/13 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
JavaScript判断两种格式的输入日期的正确性的代码
2007/03/25 Javascript
Prototype 学习 工具函数学习($w,$F方法)
2009/07/12 Javascript
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
通过jquery的$.getJSON做一个跨域ajax请求试验
2011/05/03 Javascript
杨氏矩阵查找的JS代码
2013/03/21 Javascript
js获取ajax返回值代码
2014/04/30 Javascript
jquery和css3实现的炫酷时尚的菜单导航
2014/09/01 Javascript
JavaScript分析、压缩工具JavaScript Analyser
2014/12/31 Javascript
基于JS实现PHP的sprintf函数实例
2015/11/14 Javascript
javascript之Boolean类型对象
2016/06/07 Javascript
JS返回顶部实例代码
2020/08/09 Javascript
jQuery实现使用sort方法对json数据排序的方法
2018/04/17 jQuery
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
记录一次完整的react hooks实践
2019/03/11 Javascript
微信小程序扫描二维码获取信息实例详解
2019/05/07 Javascript
详解如何提升JSON.stringify()的性能
2019/06/12 Javascript
vue学习笔记之Vue中css动画原理简单示例
2020/02/29 Javascript
Python实现随机漫步功能
2018/07/09 Python
python的常见矩阵运算(小结)
2019/08/07 Python
python中通过selenium简单操作及元素定位知识点总结
2019/09/10 Python
优质飞蝇钓和渔具:RiverBum
2020/05/10 全球购物
乌克兰鞋类购物网站:Eobuv.com.ua
2020/11/28 全球购物
摄影实习自我鉴定
2013/09/20 职场文书
行政主管职责范本
2014/03/07 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
国贸专业求职信
2014/06/28 职场文书
社区党员干部承诺书
2015/05/04 职场文书
2015年教师国培感言
2015/08/01 职场文书
Nginx解决前端访问资源跨域问题的方法详解
2021/03/31 Servers
一条 SQL 语句执行过程
2022/03/17 MySQL