解决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 window.opener的用法分析
Apr 07 Javascript
仅img元素创建后不添加到文档中会执行onload事件的解决方法
Jul 31 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
Aug 15 Javascript
继续学习javascript闭包
Dec 03 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
Dec 16 Javascript
JavaScript基本类型值-Number类型
Feb 24 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
vue开发调试神器vue-devtools使用详解
Jul 13 Javascript
详解如何构建Angular项目目录结构
Jul 13 Javascript
jQuery创建及操作xml格式数据示例
May 26 jQuery
利用Node.js批量抓取高清妹子图片实例教程
Aug 02 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
Aug 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
支付宝服务窗API接口开发php版本
2016/07/20 PHP
CodeIgniter整合Smarty的方法详解
2017/08/25 PHP
php统计数组不同元素的个数的实例方法
2019/09/26 PHP
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
2012/02/13 Javascript
js中 关于undefined和null的区别介绍
2013/04/16 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
2013/12/19 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
2014/07/30 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
JavaScript_ECMA5数组新特性详解
2016/06/12 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
JavaScript动态数量的文件上传控件
2016/11/18 Javascript
Javascript 闭包详解及实例代码
2016/11/30 Javascript
React创建组件的三种方式及其区别
2017/01/12 Javascript
浅析JS抽象工厂模式
2017/12/14 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
2018/01/09 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
JS实现字符串翻转的方法分析
2018/08/31 Javascript
微信小程序实现单选功能
2018/10/30 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
2019/07/15 Javascript
python中bisect模块用法实例
2014/09/25 Python
用Python遍历C盘dll文件的方法
2015/05/06 Python
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
python中将字典形式的数据循环插入Excel
2018/01/16 Python
python3实现SMTP发送邮件详细教程
2018/06/19 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
python numpy 常用随机数的产生方法的实现
2019/08/21 Python
tensorflow求导和梯度计算实例
2020/01/23 Python
python离线安装外部依赖包的实现
2020/02/13 Python
用Python实现定时备份Mongodb数据并上传到FTP服务器
2021/01/27 Python
使用CSS3来匹配横屏竖屏的简单方法
2015/08/04 HTML / CSS
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
学习党的群众路线教育实践活动心得体会
2014/03/01 职场文书
手把手带你彻底卸载MySQL数据库
2022/06/14 MySQL