axios发送post请求,springMVC接收不到数据问题

本文探讨了axios发送POST请求时,SpringMVC无法接收到数据的问题。关键在于Content-Type的区别,axios默认为application/json,而SpringMVC可能只处理application/x-www-form-urlencoded。解决方案包括改变axios的Content-Type或改造请求参数处理方式,同时提供了前端和后端的调整方法。
摘要由CSDN通过智能技术生成

我们同样的用jquery的ajax把我们这个请求同样的发送一遍

发现Request-Headers的**Content-Typeapplication/x-www-form-urlencoded;charset=UTF-8**,URL encode为

username=admin&password=admin

到这里,由于是前端换了一个发送ajax请求的工具,导致以前的接口不能用了,后端朋友们首先想到的就是我们前端人员写错了,然后我们就要开始苦逼的研究了。

可以看出,两个请求唯一的不同就是**Content-Type**的问题,朋友们,是Request Headers中的Content-Type哈,不是Response中的哈,不要搞错了。

那不同点找到了,那我们就可以开始搞了,我们大胆的猜想,如果把axios的post请求的Content-Type也变成**application/x-www-form-urlencoded**,那么问题想必就迎刃而解了。

我们看看axios的源码

axios.create = function create(instanceConfig) { return createInstance(utils.merge(defaults, instanceConfig)); };

create方法就是把我们传入的参数和默认参数合并,然后创建一个axios实例,我们再看看defaults这个配置对象

var utils = require('./utils'); var normalizeHeaderName = require('./helpers/normalizeHeaderName'); /* 这个表明默认的Content-Type就是我们想要的 */ var DEFAULT_CONTENT_TYPE = { 'Content-Type': 'application/x-www-form-urlencoded' }; /* 看方法名就知道,这个是设置ContentType用的(Content-Type没有设置的时候) */ function setContentTypeIfUnset(headers,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值