解决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 相关文章推荐
jQuery实现切换页面布局使用介绍
Oct 09 Javascript
js返回上一页并刷新的多种实现方法
Feb 26 Javascript
javascript(js)的小数点乘法除法问题详解
Mar 07 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 Javascript
javascript中Date format(js日期格式化)方法小结
Dec 17 Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
Jun 15 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
Dec 02 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
Jan 04 Javascript
Vue修改mint-ui默认样式的方法
Feb 03 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
Jul 22 Javascript
vue远程加载sfc组件思路详解
Dec 25 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 checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
Nginx下ThinkPHP5的配置方法详解
2017/08/01 PHP
PHP PDOStatement::errorInfo讲解
2019/01/31 PHP
PHP7 标准库修改
2021/03/09 PHP
javascript显示隐藏层比较不错的方法分析
2008/09/30 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
纯css+js写的一个简单的tab标签页带样式
2014/01/28 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
2015/09/16 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
2016/01/26 Javascript
微信小程序 实战实例开发流程详细介绍
2017/01/05 Javascript
Js apply方法详解
2017/02/16 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
基于BootStrap实现简洁注册界面
2017/07/20 Javascript
vue中的适配px2rem示例代码
2018/11/19 Javascript
vue 实现移动端键盘搜索事件监听
2019/11/06 Javascript
Vue实现菜单切换功能
2020/11/08 Javascript
详解Python开发中如何使用Hook技巧
2017/11/01 Python
Python3实现的字典遍历操作详解
2018/04/18 Python
python线程池threadpool实现篇
2018/04/27 Python
Python拼接字符串的7种方法总结
2018/11/01 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
通过实例简单了解Python中yield的作用
2019/12/11 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
linux面试题参考答案(9)
2016/01/29 面试题
《黄山奇石》教学反思
2014/04/19 职场文书
医院搬迁方案
2014/06/14 职场文书
汽车维修求职信
2014/06/15 职场文书
敬老院标语
2014/06/27 职场文书
2015年教学工作总结
2015/04/02 职场文书
安全第一课观后感
2015/06/18 职场文书
幼儿园庆六一主持词
2015/06/30 职场文书
党性修养心得体会2016
2016/01/21 职场文书