axios发送post请求springMVC接收不到参数的解决方法
更新时间：2018年03月05日 16:25:11 作者：wkCaesar
下面小编就为大家分享一篇axios发送post请求springMVC接收不到参数的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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接收不到参数的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
lodop 取意自“load or print”，是一款优秀的 Web 打印控件。本文将在Vue中集成lodop插件实现打印功能，感兴趣的小伙伴可以了解一下2023-01-01
Vue2.x如何解决Element组件el-tooltip滚动时错位不消失的问题
这篇文章主要介绍了Vue2.x如何解决Element组件el-tooltip滚动时错位不消失的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
本文章通过实现一个vue-dialog的弹出层组件，然后附加说明如果发布此包到npm，且能被其他项目使用。本文给大家介绍的非常详细，需要的的朋友参考下2017-03-03
Vue3中使用Element Plus时el-icon无法显示的问题解决
我们的Vue前端一般都是用的ElementUI,其中按钮可能用到的比较多,官方里面有自带的一些默认图标,下面这篇文章主要给大家介绍了关于Vue3中使用Element Plus时el-icon无法显示的问题解决,需要的朋友可以参考下2022-03-03
Vue3.3 + TS4构建实现ElementPlus功能的组件库示例
Vue.js 是目前最盛行的前端框架之一,而 TypeScript 则是一种静态类型言语,它能够让开发人员在编写代码时愈加平安和高效,本文将引见如何运用 Vue.js 3.3 和 TypeScript 4 构建一个自主打造媲美 ElementPlus 的组件库2023-10-10
这篇文章主要介绍了vue中$refs的用法及作用详解,非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-04-04
在Web开发中,Base64编码常用于将二进制数据转换为文本字符串,以便在网络上传输,在Vue.js应用中,Base64编码广泛应用于图像的嵌入,本文将详细介绍如何在Vue.js中实现Base64编码与解码,并提供多种示例和实现思路,需要的朋友可以参考下2024-09-09
这篇文章主要为大家详细介绍了vue3.0翻牌数字组件使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要给大家介绍了关于vue项目中按钮防抖处理实现的相关资料,在项目开发中相必大家时常会遇到按钮重复点击后引起事件重复提交的问题,需要的朋友可以参考下2023-08-08
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
这篇文章主要介绍了基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-02-02
最新评论