解决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 相关文章推荐
prototype class详解
Sep 07 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
jQuery:unbind方法的使用详解
Aug 14 jQuery
基于 Vue 的树形选择组件的示例代码
Aug 18 Javascript
[js高手之路]原型式继承与寄生式继承详解
Aug 28 Javascript
vue-cli中的webpack配置详解
Sep 25 Javascript
使用D3.js创建物流地图的示例代码
Jan 27 Javascript
JS中原始值和引用值的储存方式示例详解
Mar 23 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
node.js 模块和其下载资源的镜像设置的方法
Sep 06 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 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
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
CPU步进是什么意思?i3-9100F B0步进和U0步进区别知识科普
2020/03/17 数码科技
一个MYSQL操作类
2006/11/16 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
浅谈htmlentities 、htmlspecialchars、addslashes的使用方法
2016/12/09 PHP
PHP实现的随机红包算法示例
2017/08/14 PHP
用JavaScript和注册表脚本实现右键收藏Web页选中文本
2007/01/28 Javascript
javascript如何判断输入的url是否正确
2014/04/11 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
基于jquery步骤进度条源码分享
2015/11/12 Javascript
基于Jquery和html5的7款个性化地图插件
2015/11/17 Javascript
node.js中的事件处理机制详解
2016/11/26 Javascript
JS实现判断数组是否包含某个元素示例
2019/05/24 Javascript
jQuery开发仿QQ版音乐播放器
2020/07/10 jQuery
vue 如何从单页应用改造成多页应用
2020/10/23 Javascript
python批量制作雷达图的实现方法
2016/07/26 Python
python subprocess 杀掉全部派生的子进程方法
2017/01/16 Python
[原创]教女朋友学Python3(二)简单的输入输出及内置函数查看
2017/11/30 Python
pytz格式化北京时间多出6分钟问题的解决方法
2019/06/21 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
Python字符串查找基本操作代码案例
2020/10/27 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
美国最受欢迎的度假目的地优惠套餐:BookVIP
2018/09/27 全球购物
英国儿童设计师服装的领先零售商:Base
2019/03/17 全球购物
北美女性服装零售连锁店:maurices
2019/06/12 全球购物
土木工程毕业生推荐信
2013/10/28 职场文书
适用于所有创业者的创业计划书
2014/02/05 职场文书
小学生九一八纪念日83周年演讲稿500字
2014/09/17 职场文书
幼儿园大班见习报告
2014/10/31 职场文书
学习普通话的体会
2014/11/07 职场文书
综合管理员岗位职责
2015/02/11 职场文书
pytorch 运行一段时间后出现GPU OOM的问题
2021/06/02 Python
python四个坐标点对图片区域最小外接矩形进行裁剪
2021/06/04 Python