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下checked取值问题的解决方法
Aug 09 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
Sep 29 Javascript
Javascript遍历table中的元素示例代码
Jul 08 Javascript
基于jQuery实现表单提交验证
Nov 24 Javascript
jQuery 实现评论等级好评差评特效
May 06 Javascript
Vue.js父与子组件之间传参示例
Feb 28 Javascript
Angular 2.x学习教程之结构指令详解
May 25 Javascript
package.json文件配置详解
Jun 15 Javascript
babel的使用及安装配置教程
Feb 22 Javascript
微信小程序激励式视频广告组件使用详解
Dec 06 Javascript
详解vue中v-model和v-bind绑定数据的异同
Aug 10 Javascript
JavaScript中的执行环境和作用域链
Sep 04 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数组实例总结与说明
2011/08/23 PHP
Admin generator, filters and I18n
2011/10/06 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
javascript add event remove event
2008/04/07 Javascript
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
JS控制图片等比例缩放的示例代码
2013/12/24 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
JavaScript获取按钮所在form表单id的方法
2015/04/02 Javascript
js控制div弹出层实现方法
2015/05/11 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
javascript创建对象的3种方法
2016/11/02 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
Vue用v-for给src属性赋值的方法
2018/03/03 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
JavaScript实现简单的图片切换功能(实例代码)
2020/04/10 Javascript
vue+canvas实现拼图小游戏
2020/09/18 Javascript
python实现在控制台输入密码不显示的方法
2015/07/02 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
python实现简易通讯录修改版
2018/03/13 Python
python使用ddt过程中遇到的问题及解决方案【推荐】
2018/10/29 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
Tensorflow实现酸奶销量预测分析
2019/07/19 Python
python3实现绘制二维点图
2019/12/04 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
Python 爬虫的原理
2020/07/30 Python
python 实现学生信息管理系统的示例
2020/11/28 Python
CSS3 旋转立方体问题详解
2020/01/09 HTML / CSS
基于IE10/HTML5 开发
2013/04/22 HTML / CSS
时尚休闲吧创业计划书
2014/01/25 职场文书
应聘文员自荐信范文
2014/03/11 职场文书
党性分析自查总结
2014/10/14 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
如何使JavaScript休眠或等待
2021/04/27 Javascript