解决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 相关文章推荐
Javascript 不能释放内存.
Sep 07 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
Aug 12 Javascript
Javascript MVC框架Backbone.js详解
Sep 18 Javascript
JS实现浏览器状态栏显示时间的方法
Oct 27 Javascript
js实现拖拽效果(构造函数)
Dec 14 Javascript
简单实现js浮动框
Dec 13 Javascript
基于jQuery实现瀑布流页面
Apr 11 jQuery
Vue官网todoMVC示例代码
Jan 29 Javascript
微信小程序checkbox组件使用详解
Jan 31 Javascript
Angular4.0动画操作实例详解
May 10 Javascript
微信小程序云开发之模拟后台增删改查
May 16 Javascript
Ant Design的Table组件去除
Oct 24 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生成静态页面详解
2006/12/05 PHP
php Mysql日期和时间函数集合
2007/11/16 PHP
PHP实现的memcache环形队列类实例
2015/07/28 PHP
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
JavaScript中两种链式调用实现代码
2011/01/12 Javascript
10个基于浏览器的JavaScript调试工具分享
2013/02/07 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
js实现的简练高效拖拽功能示例
2016/12/21 Javascript
jQuery实现复制到粘贴板功能
2017/02/11 Javascript
基于JavaScript实现拖动滑块效果
2017/02/16 Javascript
使用 NodeJS+Express 开发服务端的简单介绍
2017/04/07 NodeJs
bootstrap选项卡扩展功能详解
2017/06/14 Javascript
w3c编程挑战_初级脚本算法实战篇
2017/06/23 Javascript
浅谈如何通过node.js对数据进行MD5加密
2018/05/16 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
2018/12/14 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
JS/CSS实现字符串单词首字母大写功能
2019/09/03 Javascript
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
2019/09/24 Javascript
python中字符串类型json操作的注意事项
2017/05/02 Python
Python编程实现双击更新所有已安装python模块的方法
2017/06/05 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
Python建立Map写Excel表实例解析
2018/01/17 Python
Python做智能家居温湿度报警系统
2018/09/25 Python
python hough变换检测直线的实现方法
2019/07/12 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
Python3.7实现验证码登录方式代码实例
2020/02/14 Python
在Python IDLE 下调用anaconda中的库教程
2020/03/09 Python
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
家具商场的活动方案
2014/08/16 职场文书
学生逃课检讨书1000字
2014/10/20 职场文书
2014年法务工作总结
2014/12/11 职场文书
golang中的空接口使用详解
2021/03/30 Python
MySQL中一条update语句是如何执行的
2022/03/16 MySQL