解决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 相关文章推荐
利用404错误页面实现UrlRewrite的实现代码
Aug 20 Javascript
jquery控制左右箭头滚动图片列表的实例
May 20 Javascript
jquery实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
jquery对table中各数据的增加、保存、删除操作示例
May 14 Javascript
基于JavaScript实现随机颜色输入框
Dec 10 Javascript
PHP实现记录代码运行时间封装类实例教程
May 08 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
Dec 05 Javascript
Angular 实现输入框中显示文章标签的实例代码
Nov 07 Javascript
Swiper.js实现移动端元素左右滑动
Sep 08 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
Vue学习之组件用法实例详解
Jan 06 Javascript
微信小程序如何实现精确的日期时间选择器
Jan 21 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 3行代码的分页算法(求起始页和结束页)
2009/10/21 PHP
Window 7/XP 安装Apache 2.4与PHP 5.4 的过程详解
2013/06/02 PHP
使用php+swoole对client数据实时更新(一)
2016/01/07 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
javascript事件问题
2009/09/05 Javascript
基于jquery的跨域调用文件
2010/11/19 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
编写自己的jQuery提示框(Tip)插件
2015/02/05 Javascript
jQuery on()方法使用技巧详解
2015/04/16 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
2016/02/18 Javascript
实例讲解JavaScript中的this指向错误解决方法
2016/06/13 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
JS弹出窗口的运用与技巧大全
2016/11/01 Javascript
BootStrap实现带关闭按钮功能
2017/02/15 Javascript
JS如何判断浏览器类型和详细区分IE各版本浏览器
2017/03/04 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
2017/06/30 Javascript
Angular2监听页面大小变化的解决方法
2017/10/09 Javascript
详解Js中的模块化是如何实现的
2017/10/18 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
js实现的在本地预览图片功能示例
2019/11/09 Javascript
介绍Python中的文档测试模块
2015/04/28 Python
使用Python将数组的元素导出到变量中(unpacking)
2016/10/27 Python
Django实现简单分页功能的方法详解
2017/12/05 Python
python爬虫实例详解
2018/06/19 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
Python 使用多属性来进行排序
2019/09/01 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
项目考察欢迎辞
2014/01/17 职场文书
2014年大学生职业规划书:未来不是梦,只要勇敢冲!
2014/09/22 职场文书
研究生毕业论文导师评语
2014/12/31 职场文书
素质拓展训练感想
2015/08/07 职场文书
如何写好闭幕词
2019/04/02 职场文书