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 常用方法基础教程
Feb 06 Javascript
javascript 窗口加载蒙板 内嵌网页内容
Nov 19 Javascript
JS实现QQ图片一闪一闪的效果小例子
Jul 31 Javascript
用jquery中插件dialog实现弹框效果实例代码
Nov 15 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
Oct 10 Javascript
js制作可以延时消失的菜单
Jan 13 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
Mar 10 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
Oct 11 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
Vue实现textarea固定输入行数与添加下划线样式的思路详解
Jun 28 Javascript
js尾调用优化的实现
May 23 Javascript
js实现多个标题吸顶效果
Jan 08 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获取bing每日壁纸示例分享
2014/02/25 PHP
php+highchats生成动态统计图
2014/05/21 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
laravel 5.1下php artisan migrate的使用注意事项总结
2017/06/07 PHP
php 截取中英文混合字符串的方法
2018/05/31 PHP
PHP使用SMTP邮件服务器发送邮件示例
2018/08/28 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
Javascript select下拉框操作常用方法
2009/11/09 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
2013/01/11 Javascript
sogou地图API用法实例教程
2014/09/11 Javascript
Vue中使用vux的配置详解
2017/05/05 Javascript
Angular弹出模态框的两种方式
2017/10/19 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
对vux点击事件的优化详解
2018/08/28 Javascript
浅谈微信小程序列表埋点曝光指南
2019/10/15 Javascript
vue解决使用$http获取数据时报错的问题
2019/10/30 Javascript
微信小程序表单验证WxValidate的使用
2019/11/27 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
2020/02/28 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
python实现计算倒数的方法
2015/07/11 Python
12步入门Python中的decorator装饰器使用方法
2016/06/20 Python
Python简单实现查找一个字符串中最长不重复子串的方法
2018/03/26 Python
python 为什么说eval要慎用
2019/03/26 Python
python之yield和Generator深入解析
2019/09/18 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
CSS3 @media的基本用法总结
2019/09/10 HTML / CSS
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
美国隐形眼镜网:Major Lens
2018/02/09 全球购物
党校培训自我鉴定范文
2014/03/20 职场文书
职称评定个人总结
2015/03/05 职场文书
联谊活动总结范文
2015/05/09 职场文书
祝福语集锦:送给毕业同学祝福语
2019/11/21 职场文书
pycharm 如何查看某一函数源码的快捷键
2021/05/12 Python
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技