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写法
Sep 15 Javascript
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
仿新浪微博返回顶部的jquery实现代码
Oct 01 Javascript
在Node.js中实现文件复制的方法和实例
Jun 05 Javascript
封装了一个支持匿名函数的Javascript事件监听器
Jun 05 Javascript
SeaJS 与 RequireJS 的差异对比
Dec 08 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
Dec 08 Javascript
jquery if条件语句的写法
May 19 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
VueCli3构建TS项目的方法步骤
Nov 07 Javascript
javascript实现简单打字游戏
Oct 29 Javascript
Vue仿Bibibili首页的问题
Jan 21 Vue.js
基于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 中include()与require()的对比
2006/10/09 PHP
php printf输出格式使用说明
2010/12/05 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
javascript自执行函数之伪命名空间封装法
2010/12/25 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
2013/08/07 Javascript
jQuery实现Twitter的自动文字补齐特效
2014/11/28 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
2016/02/25 Javascript
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
2016/04/16 Javascript
jQuery过滤选择器用法示例
2016/09/12 Javascript
jQuery实现的放大镜效果示例
2016/09/13 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
Bootstrap3 内联单选和多选框
2016/12/29 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
解决Layui中templet中a的onclick参数传递的问题
2019/09/20 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
jquery实现轮播图特效
2020/04/12 jQuery
[36:45]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[01:14:41]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第一场 1月8日
2021/03/11 DOTA
Python实现从百度API获取天气的方法
2015/03/11 Python
Python使用SQLite和Excel操作进行数据分析
2018/01/20 Python
python得到windows自启动列表的方法
2018/10/14 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
Python将string转换到float的实例方法
2019/07/29 Python
Python列表倒序输出及其效率详解
2020/03/04 Python
Python新手如何理解循环加载模块
2020/05/29 Python
Python如何在循环内使用list.remove()
2020/06/01 Python
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
大学应届生的自我评价
2014/03/06 职场文书
《泉水》教学反思
2014/04/11 职场文书
车辆转让协议书
2014/04/15 职场文书
关于学习的演讲稿
2014/05/10 职场文书
家具公司总经理岗位职责
2014/07/08 职场文书
商业计划书范文
2019/04/24 职场文书