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 相关文章推荐
Cookie 小记
Apr 01 Javascript
用Jquery实现多级下拉框无刷新的联动
Dec 22 Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 Javascript
jQuery1.6 类型判断实现代码
Sep 01 Javascript
浅析jQuery Mobile的初始化事件
Dec 03 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
jquery popupDialog 使用 加载jsp页面的方法
Oct 25 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
Nov 24 Javascript
10道典型的JavaScript面试题
Mar 22 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
Aug 30 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
javascript之分片上传,断点续传的实际项目实现详解
Sep 05 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
php弹出对话框实现重定向代码
2014/01/23 PHP
PHP大文件切割上传并带进度条功能示例
2019/07/01 PHP
显示、隐藏密码
2006/07/01 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
jquery创建表格(自动增加表格)代码分享
2013/12/25 Javascript
浅析jquery某一元素重复绑定的问题
2014/01/03 Javascript
jquery 为a标签绑定click事件示例代码
2014/06/23 Javascript
举例详解JavaScript中Promise的使用
2015/06/24 Javascript
浅析Bootstrap表格的使用
2016/06/23 Javascript
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
2016/11/17 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
JavaScript中关于base64的一些事
2019/05/06 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
2019/09/21 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
javascript设计模式之迭代器模式
2020/01/30 Javascript
总结Python编程中函数的使用要点
2016/03/20 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
selenium在执行phantomjs的API并获取执行结果的方法
2018/12/17 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
python requests使用socks5的例子
2019/07/25 Python
python实现身份证实名认证的方法实例
2019/11/08 Python
华为旗下电子商务平台:华为商城
2016/08/06 全球购物
华为c/c++笔试题
2016/01/25 面试题
房产代理公证处委托书
2014/04/04 职场文书
销售代理协议书
2014/09/30 职场文书
2014红色之旅心得体会
2014/10/07 职场文书
2015年派出所工作总结
2015/04/24 职场文书
2015年宣传部个人工作总结
2015/05/14 职场文书
朋友聚会开场白
2015/06/01 职场文书
2019年最新版见习人员管理制度!
2019/07/08 职场文书
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python
画错魏国疆域啦!《派对咖孔明》动画因作画失误于官网致歉
2022/04/07 日漫