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获取地址栏参数插件(模仿C#)
Oct 26 Javascript
JavaScript 放大镜 移动镜片效果代码
May 09 Javascript
解析JavaScript中点号“.”的多义性
Dec 02 Javascript
javascript拖拽上传类库DropzoneJS使用方法
Dec 05 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
纯原生js实现table表格的增删
Jan 05 Javascript
js仿淘宝评价评分功能
Feb 28 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
Jul 07 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
Sep 28 Javascript
如何在vue中使用ts的示例代码
Feb 28 Javascript
jQuery中each方法的使用详解
Mar 18 jQuery
代码整洁之道(重构)
Oct 25 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新手NOTICE错误常见解决方法
2011/12/07 PHP
JS打开图片另存为对话框实现代码
2012/12/26 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
2013/10/25 Javascript
Javascript中string转date示例代码
2013/11/01 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
Bootstrap学习笔记之css样式设计(2)
2016/06/07 Javascript
BootStrap中
2016/12/10 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
jQuery实现为动态添加的元素绑定事件实例分析
2018/09/07 jQuery
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
vue点击页面空白处实现保存功能
2019/11/06 Javascript
vue Cli 环境删除与重装教程 - 版本文档
2020/09/11 Javascript
[01:11:21]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第一场 3月6日
2021/03/11 DOTA
python中的装饰器详解
2015/04/13 Python
Python函数式编程指南(二):从函数开始
2015/06/24 Python
Python 的内置字符串方法小结
2016/03/15 Python
python递归打印某个目录的内容(实例讲解)
2017/08/30 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
Python如何定义接口和抽象类
2020/07/28 Python
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
Edwaybuy西班牙:小米在线商店
2019/12/04 全球购物
综合测评自我鉴定
2013/10/08 职场文书
岗位竞聘演讲稿
2014/01/10 职场文书
大学毕业自我鉴定范文
2014/02/03 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
2014卖家双十一活动策划书
2014/09/29 职场文书
2014年公司工作总结
2014/11/22 职场文书
公司出差管理制度范本
2015/08/05 职场文书
公司周年庆寄语
2019/06/21 职场文书