解决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 相关文章推荐
js中flexible.js实现淘宝弹性布局方案
Jun 23 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
Sep 24 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
jQuery实现一个简单的轮播图
Feb 19 Javascript
javascript  数组排序与对象排序的实例
Jul 17 Javascript
快速了解vue-cli 3.0 新特性
Feb 28 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
Nov 25 Javascript
angularjs自定义过滤器demo示例
Aug 24 Javascript
详解Vue的ref特性的使用
Jan 24 Javascript
javascript实现智能手环时间显示
Sep 18 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 静态变量与自定义常量的使用方法
2010/01/26 PHP
destoon供应信息title调用出公司名称的方法
2014/08/22 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
jquery验证表单中的单选与多选实例
2013/08/18 Javascript
javascript实现的一个随机点名功能
2014/08/26 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
简单谈谈json跨域
2016/03/13 Javascript
实例讲解JavaScript中的this指向错误解决方法
2016/06/13 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
JavaScript 中的 this 简单规则
2017/09/19 Javascript
ajax请求+vue.js渲染+页面加载的示例
2018/02/11 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
2020/06/05 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
Element Rate 评分的使用方法
2020/07/27 Javascript
[49:35]LGD vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
[04:20]DOTA2-DPC中国联赛 正赛 VG vs LBZS 选手采访 1月19日
2021/03/11 DOTA
在Python中使用异步Socket编程性能测试
2014/06/25 Python
Python的Asyncore异步Socket模块及实现端口转发的例子
2016/06/14 Python
python使用threading获取线程函数返回值的实现方法
2017/11/15 Python
python自动裁剪图像代码分享
2017/11/25 Python
Python实现的微信好友数据分析功能示例
2018/06/21 Python
pandas重新生成索引的方法
2018/11/06 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
前端使用canvas生成盲水印的加密解密的实现
2020/12/16 HTML / CSS
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
Anya Hindmarch官网:奢侈设计师手袋及配饰
2018/11/15 全球购物
采购类个人求职的自我评价
2014/02/18 职场文书
市场总经理岗位职责
2014/04/11 职场文书
滞留工资返还协议书
2014/10/19 职场文书
交通事故和解协议书
2015/01/27 职场文书
城管个人总结
2015/02/28 职场文书
2015社区精神文明建设工作总结
2015/04/21 职场文书
员工加薪申请报告
2015/05/15 职场文书
小学学习委员竞选稿
2015/11/20 职场文书
创业计划书之农家乐
2019/10/09 职场文书
vue+elementUI实现表格列的显示与隐藏
2022/04/13 Vue.js