解决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 Select操作方法集合脚本之家特别版
May 17 Javascript
简短几句 通俗解释javascript的闭包
Jan 17 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
Aug 28 Javascript
vue router学习之动态路由和嵌套路由详解
Sep 21 Javascript
Bootstrap 树控件使用经验分享(图文解说)
Nov 06 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
May 10 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
May 16 Javascript
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
vue实现中部导航栏布局功能
Jul 30 Javascript
微信小程序开发之转发分享功能
Oct 22 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
Nov 20 Vue.js
使用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程序中防止盗链
2008/04/09 PHP
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
ThinkPHP CURD方法之where方法详解
2014/06/18 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
PHP7变量处理机制修改
2021/03/09 PHP
新浪中用来显示flash的函数
2007/04/02 Javascript
js中cookie的使用详细分析
2008/05/28 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
javascript基本类型详解
2014/11/28 Javascript
jquery 无限极下拉菜单的简单实例(精简浓缩版)
2016/05/31 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
JS数组排序方法实例分析
2016/12/16 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
vue+iview/elementUi实现城市多选
2019/03/28 Javascript
详解微信小程序的不同函数调用的几种方法
2019/05/08 Javascript
JS 数组和对象的深拷贝操作示例
2020/06/06 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
[01:52]2020年DOTA2 TI10夏季活动预告片
2020/07/15 DOTA
Python实现股市信息下载的方法
2015/06/15 Python
Python 3.x 连接数据库示例(pymysql 方式)
2017/01/19 Python
Python文件操作基本流程代码实例
2017/12/11 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
python字典改变value值方法总结
2019/06/21 Python
Python中最好用的命令行参数解析工具(argparse)
2019/08/23 Python
CSS3 box-sizing属性详解
2016/11/15 HTML / CSS
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
师范生实习的个人自我鉴定
2013/10/20 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
大一新生学期自我评价
2014/04/09 职场文书
建党伟业电影观后感
2015/06/01 职场文书
2015中学教学工作总结
2015/07/22 职场文书
浅谈CSS不规则边框的生成方案
2021/05/25 HTML / CSS
MySQL 外键约束和表关系相关总结
2021/06/20 MySQL
使用CSS定位HTML元素的实现方法
2022/07/07 HTML / CSS