解决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 相关文章推荐
createElement与createDocumentFragment的点点区别小结
Dec 19 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
Aug 24 Javascript
JS判断字符串包含的方法
May 05 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
Dec 24 Javascript
浅谈JavaScript 中有关时间对象的方法
Aug 15 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
Nov 27 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
Jan 23 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
Apr 11 Javascript
深入浅出vue图片路径的实现
Sep 04 Javascript
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
Dec 29 Javascript
深入理解 ES6中的 Reflect用法
Jul 18 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
德生PL330的评价与改造
2021/03/02 无线电
PHP分页显示制作详细讲解
2006/10/09 PHP
php模拟asp中的XmlHttpRequest实现http请求的代码
2011/03/24 PHP
超详细的php用户注册页面填写信息完整实例(附源码)
2015/11/17 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
一段实现页面上的图片延时加载的js代码
2010/02/11 Javascript
容易被忽略的JS脚本特性
2011/09/13 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
详解JavaScript正则表达式之分组匹配及反向引用
2016/03/09 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
javascript trie前缀树的示例
2018/01/29 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
Vue 框架之动态绑定 css 样式实例分析
2018/11/14 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
openlayers4实现点动态扩散
2020/08/17 Javascript
跟老齐学Python之Python安装
2014/09/12 Python
Python入门之三角函数全解【收藏】
2017/11/08 Python
python爬虫爬取网页表格数据
2018/03/07 Python
python简单贪吃蛇开发
2019/01/28 Python
Python语言检测模块langid和langdetect的使用实例
2019/02/19 Python
解决django migrate报错ORA-02000: missing ALWAYS keyword
2020/07/02 Python
matplotlib 三维图表绘制方法简介
2020/09/20 Python
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
2018/05/28 HTML / CSS
Shell如何接收变量输入
2012/09/24 面试题
团队精神演讲稿
2013/12/31 职场文书
2014信息技术专业毕业生自我评价
2014/01/17 职场文书
仓管员岗位责任制
2014/02/19 职场文书
小学生竞选班干部演讲稿(5篇)
2014/09/12 职场文书
2014党员民主评议个人思想剖析发言
2014/09/19 职场文书
安全员岗位职责
2015/02/10 职场文书
2015年库房管理工作总结
2015/10/14 职场文书
廉洁自律准则学习心得体会
2016/01/13 职场文书
每日六道java新手入门面试题,通往自由的道路
2021/06/30 Java/Android