axios发送post请求springMVC接收不到参数的解决方法


Posted in Javascript onMarch 05, 2018

axios发送post请求时,出现了参数后台接收不到的情况,分析了下请求,发现是请求头content-type不对,是application/json,正常应该是application/x-www-form-urlencoded。

解决方法有以下三种:

1、设置axios的默认请求头

//设置全局的
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
var instance = axios.create({}) // 这样创建出来的 只需要:
instance.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

2、使用URLSearchParams来构建参数

var params = new URLSearchParams();
params.append("username", _this.username);
params.append("password", _this.password);
axios.post("/service/login", paramsOfJson
   ).then(function (response) {
    console.log(response);
   }).catch(function (error) {
    console.log(error);
   })

3、后台使用@requestBody接收

@PostMapping(value = "/login")
public String testLogin(@RequestBody Map dataMap)

以上这篇axios发送post请求springMVC接收不到参数的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery $(document).ready() 与window.onload的区别
Dec 28 Javascript
javascript面向对象入门基础详细介绍
Sep 05 Javascript
js修改input的type属性问题探讨
Oct 12 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
Nov 07 Javascript
javascript 面向对象封装与继承
Nov 27 Javascript
node.js中的fs.renameSync方法使用说明
Dec 16 Javascript
JavaScript中字符串分割函数split用法实例
Apr 07 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 Javascript
vue params、query传参使用详解
Sep 12 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
Dec 03 Javascript
JavaScript如何实现图片处理与合成
May 29 Javascript
JavaScript编码小技巧分享
Sep 17 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 #Javascript
解决vue处理axios post请求传参的问题
Mar 05 #Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 #Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 #Javascript
Angular @HostBinding()和@HostListener()用法
Mar 05 #Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
Mar 05 #Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 #Javascript
You might like
为了这两部电子管收音机,买了6套全新电子管和10粒刻度盘灯泡
2021/03/02 无线电
windows xp下安装pear
2006/12/02 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
PHP基于php_imagick_st-Q8.dll实现JPG合成GIF图片的方法
2014/07/11 PHP
用php+ajax新建流程(请假、进货、出货等)
2017/06/11 PHP
学习ExtJS Column布局
2009/10/08 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
2012/06/14 Javascript
javascript生成随机大小写字母的方法
2014/02/20 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
AngularJS动态菜单操作指令
2017/04/25 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
2018/01/03 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
2019/04/24 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
2020/11/04 Javascript
python计算时间差的方法
2015/05/20 Python
各个系统下的Python解释器相关安装方法
2015/10/12 Python
Python 模块EasyGui详细介绍
2017/02/19 Python
python3 读写文件换行符的方法
2018/04/09 Python
python列表每个元素同增同减和列表元素去空格的实例
2019/07/20 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
Tensorflow 1.0之后模型文件、权重数值的读取方式
2020/02/12 Python
Python实现子类调用父类的初始化实例
2020/03/12 Python
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
Marc O’Polo俄罗斯官方在线商店:德国高端时尚品牌
2019/12/26 全球购物
最新党员的自我评价分享
2013/11/04 职场文书
毕业生护理专业个人求职信范文
2014/01/04 职场文书
自动化专业毕业生求职信
2014/06/18 职场文书
2014年学校工作总结
2014/11/20 职场文书
公司与个人合作协议书
2016/03/19 职场文书
七个Python必备的GUI库
2021/04/27 Python
Mysql分析设计表主键为何不用uuid
2022/03/31 MySQL
python数字图像处理数据类型及颜色空间转换
2022/06/28 Python