解决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 $.getJSON 在IE下的缓存问题解决方法
Oct 10 Javascript
Jquery实现顶部弹出框特效
Aug 08 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
Nov 18 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
Sep 01 Javascript
Angularjs 1.3 中的$parse实例代码
Sep 14 Javascript
深入Vue-Router路由嵌套理解
Aug 13 Javascript
如何为vuex实现带参数的 getter和state.commit
Jan 04 Javascript
JS使用Dijkstra算法求解最短路径
Jan 17 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
Jun 04 Javascript
微信小程序实现左滑动删除效果
Mar 30 Javascript
layui实现数据表格隐藏列的示例
Oct 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设置进度条的方法
2015/07/08 PHP
jquery获取下拉列表的值为null的解决方法
2011/03/18 Javascript
jquery滚动条插件jScrollPane的使用介绍
2013/11/08 Javascript
jquery中$each()方法的使用指南
2015/04/30 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
2015/09/01 Javascript
jQuery插件Validate实现自定义表单验证
2016/01/18 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
BootStrap实现手机端轮播图左右滑动事件
2016/10/13 Javascript
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
addeventlistener监听scroll跟touch(实例讲解)
2017/08/04 Javascript
vuex学习之Actions的用法详解
2017/08/29 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
2017/12/20 Javascript
浅谈vue引用静态资源需要注意的事项
2018/09/28 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
vue中使用腾讯云Im的示例
2020/10/23 Javascript
老生常谈Python基础之字符编码
2017/06/14 Python
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
Python使用matplotlib简单绘图示例
2018/02/01 Python
将字典转换为DataFrame并进行频次统计的方法
2018/04/08 Python
pandas系列之DataFrame 行列数据筛选实例
2018/04/12 Python
JavaScript实现一维数组转化为二维数组
2018/04/17 Python
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
使用Python处理Excel表格的简单方法
2018/06/07 Python
python os用法总结
2018/06/08 Python
django-orm F对象的使用 按照两个字段的和,乘积排序实例
2020/05/18 Python
python3跳出一个循环的实例操作
2020/08/18 Python
Python xmltodict模块安装及代码实例
2020/10/05 Python
欧洲领先的火车票和大巴票预订平台:Trainline
2018/12/26 全球购物
瑞典网上购买现代和复古家具:Reforma
2019/10/21 全球购物
总经理助理岗位职责
2013/11/08 职场文书
机修工岗位职责
2013/11/24 职场文书
美德好少年事迹材料
2014/01/19 职场文书
面试自我评价范文
2014/09/17 职场文书
python tkinter模块的简单使用
2021/04/07 Python
警用民用对讲机找不同
2022/02/18 无线电
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js