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 相关文章推荐
js 操作符实例代码
Oct 24 Javascript
js倒计时小程序
Nov 05 Javascript
JS循环遍历JSON数据的方法
Jul 08 Javascript
jQuery实现类似淘宝网图片放大效果的方法
Jul 08 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
Jun 09 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
Dec 14 Javascript
js实现自动轮换选项卡
Jan 13 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 Javascript
微信小程序拍照和摄像功能实现方法示例
Feb 01 Javascript
如何基于javascript实现贪吃蛇游戏
Feb 09 Javascript
使用next.js开发网址缩短服务的方法
Jun 17 Javascript
基于JavaScript实现轮播图效果
Jan 02 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设计模式中工厂模式详细介绍
2013/05/15 PHP
解析用PHP实现var_export的详细介绍
2013/06/20 PHP
一个简洁实用的PHP缓存类完整实例
2014/07/26 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
Laravel 实现Controller向blade前台模板赋值的四种方式小结
2019/10/22 PHP
模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013/09/27 Javascript
JS实现字体选色板实例代码
2013/11/20 Javascript
javascript中的 object 和 function小结
2016/08/14 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
2016/11/21 Javascript
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
2017/12/09 Javascript
javascript中的闭包概念与用法实践分析
2019/07/26 Javascript
详解微信小程序图片地扯转base64解决方案
2019/08/18 Javascript
vue多页面项目中路由使用history模式的方法
2019/09/23 Javascript
浅析python打包工具distutils、setuptools
2018/04/20 Python
在Python 中同一个类两个函数间变量的调用方法
2019/01/31 Python
Django用数据库表反向生成models类知识点详解
2020/03/25 Python
解决IDEA 的 plugins 搜不到任何的插件问题
2020/05/04 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
Django rest framework分页接口实现原理解析
2020/08/21 Python
Python eval函数介绍及用法
2020/11/09 Python
Python结合百度语音识别实现实时翻译软件的实现
2021/01/18 Python
基于IE10/HTML5 开发
2013/04/22 HTML / CSS
实例讲解使用HTML5 Canvas绘制阴影效果的方法
2016/03/25 HTML / CSS
HTML5中的websocket实现直播功能
2018/05/21 HTML / CSS
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
介绍一下sql server的安全性
2014/08/10 面试题
this关键字的含义
2015/04/08 面试题
祖国在我心中演讲稿400字
2014/05/04 职场文书
工作总结与自我评价
2014/09/18 职场文书
婚宴主持词
2015/06/30 职场文书
宿舍管理制度范本
2015/08/07 职场文书
初中美术教学反思
2016/02/17 职场文书
2019教师的学习计划
2019/06/25 职场文书
Python趣味挑战之教你用pygame画进度条
2021/05/31 Python
win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法
2022/04/05 数码科技