解决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函数验证总结(方便js客户端输入验证)
Oct 29 Javascript
jquery超简单实现手风琴效果的方法
Jun 05 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
js实现导航吸顶效果
Feb 24 Javascript
jQuery手风琴的简单制作
May 12 jQuery
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
解决React Native端口号修改的方法
Jul 28 Javascript
微信小程序开发实现的IP地址查询功能示例
Mar 28 Javascript
vue页面加载时的进度条功能(实例代码)
Jan 13 Javascript
electron 如何将任意资源打包的方法步骤
Apr 16 Javascript
js HTML DOM EventListener功能与用法实例分析
Apr 27 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
PHILIPS AE3805收音机的分析打磨
2021/03/02 无线电
以文本方式上传二进制文件的PHP程序
2006/10/09 PHP
php array_merge下进行数组合并的代码
2008/07/22 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
JS request函数 用来获取url参数
2010/05/17 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
2011/10/13 Javascript
js实现拉伸拖动iframe的具体代码
2013/08/03 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
2015/08/25 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
详解AngularJS中的http拦截
2016/02/09 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
javascript之Boolean类型对象
2016/06/07 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
2016/11/16 Javascript
BootStrop前端框架入门教程详解
2016/12/25 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
2017/03/07 Javascript
ES6 Promise对象概念与用法分析
2017/04/01 Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
2018/11/14 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
JS立即执行函数功能与用法分析
2019/01/15 Javascript
[01:25]2014DOTA2国际邀请赛 zhou分析LGD比赛情况
2014/07/14 DOTA
python实现杨辉三角思路
2017/07/14 Python
Python简单基础小程序的实例代码
2019/04/28 Python
PyQt5使用QTimer实现电子时钟
2019/07/29 Python
python读取ini配置文件过程示范
2019/12/23 Python
Python网络爬虫四大选择器用法原理总结
2020/06/01 Python
OpenCV4.1.0+VS2017环境配置的方法步骤
2020/07/09 Python
Fashion Eyewear美国:英国线上设计师眼镜和太阳镜的零售商
2016/08/15 全球购物
中兴通讯全球官方网站:ZTE
2020/12/26 全球购物
说出一些常用的类,包,接口
2014/09/22 面试题
化学教学随笔感言
2014/02/19 职场文书
医院搬迁方案
2014/06/14 职场文书
1000字打架检讨书
2014/11/03 职场文书
就业意向协议书
2015/01/29 职场文书
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android