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 相关文章推荐
浅析javascript 定时器
Dec 23 Javascript
基于javascript实现动态显示当前系统时间
Jan 28 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
使用cropper.js裁剪头像的实例代码
Sep 29 Javascript
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
JS控制鼠标拒绝点击某一按钮的实例
Dec 29 Javascript
angularJs-$http实现百度搜索时的动态下拉框示例
Feb 27 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
Vue Components 数字键盘的实现
Sep 18 Javascript
深入探索VueJS Scoped CSS 实现原理
Sep 23 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
Jan 18 Javascript
JS Object构造函数之Object.freeze
Apr 28 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中大括号作用介绍
2012/03/22 PHP
PHP中设置时区方法小结
2012/06/03 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
Smarty日期时间操作方法示例
2016/11/15 PHP
javascript event在FF和IE的兼容传参心得(绝对好用)
2014/07/10 Javascript
JavaScript实现从数组中选出和等于固定值的n个数
2014/09/03 Javascript
基于jQuery滑动杆实现购买日期选择效果
2015/09/15 Javascript
jQuery实现文本框邮箱输入自动补全效果
2015/11/17 Javascript
Angular CLI 安装和使用教程
2017/09/13 Javascript
JS实现的文字间歇循环滚动效果完整示例
2018/02/13 Javascript
webstorm+vue初始化项目的方法
2018/10/18 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
Vue CLI3.0中使用jQuery和Bootstrap的方法
2019/02/28 jQuery
JavaScript惰性载入函数实例分析
2019/03/27 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
js 对象使用的小技巧实例分析
2019/11/08 Javascript
JS XMLHttpRequest原理与使用方法深入详解
2020/04/30 Javascript
python 切片和range()用法说明
2013/03/24 Python
python常见的格式化输出小结
2016/12/15 Python
详解python调度框架APScheduler使用
2017/03/28 Python
python 统计数组中元素出现次数并进行排序的实例
2018/07/02 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
通过python实现随机交换礼物程序详解
2019/07/10 Python
pycharm中显示CSS提示的知识点总结
2019/07/29 Python
简单的Python调度器Schedule详解
2019/08/30 Python
如何基于python操作json文件获取内容
2019/12/24 Python
python+adb+monkey实现Rom稳定性测试详解
2020/04/23 Python
Django vue前后端分离整合过程解析
2020/11/20 Python
 Alo Yoga官网:购买瑜伽服装
2018/06/17 全球购物
荷兰家电销售网站:Welhof
2020/12/08 全球购物
教师试用期自我鉴定
2014/02/12 职场文书
湖南省党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
团员年度个人总结
2015/02/26 职场文书
优秀员工演讲稿
2019/06/21 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript