解决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的一个图片hover的插件
Apr 24 Javascript
Javascript图片上传前的本地预览实例
Jun 16 Javascript
TypeScript具有的几个不同特质
Apr 07 Javascript
JQuery工具函数汇总
Jun 15 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
分享我的jquery实现下拉菜单心的
Nov 29 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
深入浅析Node环境和浏览器的区别
Aug 14 Javascript
vue cli3 配置proxy代理无效的解决
Oct 30 Javascript
js实现表格数据搜索
Aug 09 Javascript
微信小程序实现锚点跳转
Nov 23 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 include,include_once,require,require_once
2008/09/05 PHP
PHP学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
php Session存储到Redis的方法
2013/11/04 PHP
修改apache配置文件去除thinkphp url中的index.php
2014/01/17 PHP
php实现session自定义会话处理器的方法
2015/01/27 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
javascript 词法作用域和闭包分析说明
2010/08/12 Javascript
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
一个CSS+jQuery实现的放大缩小动画效果
2014/02/19 Javascript
用js设置下拉框为只读的小技巧
2014/04/10 Javascript
最简单的tab切换实例代码
2016/05/13 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
2016/05/17 Javascript
jQuery简单实现列表隐藏和显示效果示例
2016/09/12 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
canvas压缩图片转换成base64格式输出文件流
2017/03/09 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
JavaScript初学者必看“new”
2017/06/12 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
2017/09/11 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
Vue+Vuex实现自动登录的知识点详解
2020/03/04 Javascript
vue样式穿透 ::v-deep的具体使用
2020/06/04 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
pyqt4教程之实现windows窗口小示例分享
2014/03/07 Python
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
Python遍历目录中的所有文件的方法
2016/07/08 Python
python下载图片实现方法(超简单)
2017/07/21 Python
Django rest framework工具包简单用法示例
2018/07/20 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
Django在Model保存前记录日志实例
2020/05/14 Python
自主招生自荐信指南
2014/02/04 职场文书
十八届三中全会宣传方案
2014/02/21 职场文书
uniapp开发小程序的经验总结
2021/04/08 Javascript
asyncio异步编程之Task对象详解
2022/03/13 Python
centos7安装mysql5.7经验记录
2022/05/02 Servers