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解决弹窗问题实现班级跳转DIV示例
Jan 06 Javascript
javascript解析json数据的3种方式
May 08 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
jQuery toggle 代替方法
Mar 22 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
Aug 19 Javascript
windows下vue.js开发环境搭建教程
Mar 20 Javascript
Vue内容分发slot(全面解析)
Aug 19 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
Sep 26 Javascript
Vue-CLI与Vuex使用方法实例分析
Jan 06 Javascript
JS实现联想、自动补齐国家或地区名称的功能
Jul 07 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读取和编写XML DOM的实现代码
2011/02/03 PHP
php URL跳转代码 减少外链
2011/06/25 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
ExtJs GridPanel简单的增删改实现代码
2010/08/26 Javascript
jQuery参数列表集合
2011/04/06 Javascript
jquery统计输入文字的个数并对其进行判断
2014/01/07 Javascript
解决checkbox的attr(checked)一直为undefined问题
2014/06/16 Javascript
分享一个自己写的简单的javascript分页组件
2015/02/15 Javascript
jquery实现焦点图片随机切换效果的方法
2015/03/12 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
2017/01/05 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
ES6中的Promise代码详解
2017/10/09 Javascript
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
vue的安装及element组件的安装方法
2018/03/09 Javascript
微信小程序实现折叠与展开文章功能
2018/06/12 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
Vue学习之组件用法实例详解
2020/01/06 Javascript
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
人工智能最火编程语言 Python大战Java!
2017/11/13 Python
ubuntu 18.04搭建python环境(pycharm+anaconda)
2019/06/14 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
python获取依赖包和安装依赖包教程
2020/02/13 Python
Python文件名匹配与文件复制的实现
2020/12/11 Python
解析html5 canvas实现背景鼠标连线动态效果代码
2019/06/17 HTML / CSS
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
英国领先的票务代理商之一:The Ticket Factory
2019/02/09 全球购物
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
.NET初级开发工程师面试题(包括Javascript)
2012/08/22 面试题
连锁超市项目计划书
2014/09/15 职场文书
遗愿清单观后感
2015/06/09 职场文书
战友聚会致辞
2015/07/28 职场文书
浪漫婚礼主持词开场白
2015/11/24 职场文书
MySQL 隔离数据列和前缀索引的使用总结
2021/05/14 MySQL