解决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 相关文章推荐
在网页中屏蔽快捷键
Sep 06 Javascript
Jquery 基础学习笔记
May 29 Javascript
javascript闭包的高级使用方法实例
Jul 04 Javascript
使用Chrome浏览器调试AngularJS应用的方法
Jun 18 Javascript
javascript的 {} 语句块详解
Feb 27 Javascript
Bootstrap导航条的使用和理解3
Dec 14 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
浅谈angularjs $http提交数据探索
Jan 20 Javascript
vue2的todolist入门小项目的详细解析
May 11 Javascript
微信小程序实现循环动画效果
Jul 16 Javascript
对vue中methods互相调用的方法详解
Aug 30 Javascript
三剑客:offset、client和scroll还傻傻分不清?
Dec 04 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中$_SERVER使用说明
2015/07/05 PHP
YII2框架中使用RBAC对模块,控制器,方法的权限控制及规则的使用示例
2020/03/18 PHP
关于Blog顶部的滚动导航条代码
2006/09/25 Javascript
JavaScript 基于原型的对象(创建、调用)
2009/10/16 Javascript
该如何加载google-analytics(或其他第三方)的JS
2010/05/13 Javascript
javascript数组详解
2014/10/22 Javascript
AngularJS基础学习笔记之控制器
2015/05/10 Javascript
Javascript removeChild()删除节点及删除子节点的方法
2015/12/27 Javascript
js 实现省市区三级联动菜单效果
2017/02/20 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
2017/02/20 Javascript
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
Three.js获取鼠标点击的三维坐标示例代码
2017/03/24 Javascript
JavaScript Canvas绘制圆形时钟效果
2020/08/20 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
js移动端图片压缩上传功能
2020/08/18 Javascript
基于vue2实现上拉加载功能
2017/11/28 Javascript
jQuery实现颜色打字机的完整代码
2020/03/19 jQuery
Vue实现省市区三级联动
2020/12/27 Vue.js
[03:58]2014DOTA2国际邀请赛 龙宝赛后解密DK获胜之道
2014/07/14 DOTA
使用python调用浏览器并打开一个网址的例子
2014/06/05 Python
python脚本监控docker容器
2016/04/27 Python
Python+matplotlib+numpy实现在不同平面的二维条形图
2018/01/02 Python
Python中XlsxWriter模块简介与用法分析
2018/04/24 Python
Python使用logging模块实现打印log到指定文件的方法
2018/09/05 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
Notino匈牙利:购买香水和化妆品
2019/04/12 全球购物
西部世纪.net笔试题面试题
2014/04/03 面试题
师范院校学生自荐信范文
2013/12/27 职场文书
课例研修方案
2014/05/31 职场文书
党员民主生活会个人整改措施材料
2014/09/16 职场文书
诉讼代理人授权委托书
2014/10/11 职场文书
2015年物业管理员工工作总结
2015/10/15 职场文书
初中班级口号霸气押韵
2015/12/24 职场文书
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers