解决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 相关文章推荐
javascript动画之圆形运动,环绕鼠标运动作小球
Jul 20 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
js函数调用的方式
May 06 Javascript
jQuery实现二级下拉菜单效果
Jan 05 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
Oct 09 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
Oct 30 Javascript
Node.Js中实现端口重用原理详解
May 03 Javascript
echarts实现词云自定义形状的示例代码
Feb 20 Javascript
vue-cli 3 全局过滤器的实例代码详解
Jun 03 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
Aug 27 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 Javascript
JS实现页面鼠标点击出现图片特效
Aug 19 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通过CURL实现定时任务的图片抓取功能示例
2016/10/03 PHP
PHP实现接收二进制流转换成图片的方法
2017/01/10 PHP
用javascript获得地址栏参数的两种方法
2006/11/08 Javascript
用JavaScript实现单继承和多继承的简单方法
2009/03/29 Javascript
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
javascript基础知识大集锦(二) 推荐收藏
2011/01/13 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
2016/08/05 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
js实现一个猜数字游戏
2017/03/31 Javascript
详解js几个绕不开的事件兼容写法
2017/08/30 Javascript
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
2018/05/02 Javascript
js运算符的一些特殊用法
2018/07/29 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
vue实现淘宝购物车功能
2020/04/20 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
2020/09/21 Javascript
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
Python实现的多项式拟合功能示例【基于matplotlib】
2018/05/15 Python
解决python写入mysql中datetime类型遇到的问题
2018/06/21 Python
如何使用Python破解ZIP或RAR压缩文件密码
2020/01/09 Python
python上下文管理器异常问题解决方法
2021/02/07 Python
用HTML5制作数字时钟的教程
2015/05/11 HTML / CSS
德国拖鞋网站:German Slippers
2019/11/08 全球购物
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
中学教师培训制度
2014/01/31 职场文书
收银员岗位职责
2014/02/07 职场文书
市场推广策划方案
2014/06/02 职场文书
淘宝活动总结范文
2014/06/26 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
索赔员岗位职责
2015/02/15 职场文书
酒店采购员岗位职责
2015/04/03 职场文书
会议主持词通用版
2019/04/02 职场文书
英国数字版游戏销量周榜公布 《小缇娜的奇幻之地》登顶
2022/04/03 其他游戏