vue2前端使用axios发起post请求后端(springboot)接收不到值解决办法
一、错误回现（前后端错误演示）
axios封装-我常用的请求头参数 application/json; charset=utf-8
页面登录请求-post
网络请求正常传入参数
后端代码，查看控制台发现都为null，没取到值。
二、解决
1.尝试将前端post请求改成get,其他都不用变
发现正常取到值，打印输出正常。前端页面正常跳转。
2.后端设置为post请求，前端axios要配置请求头参数
还要再对数据再进行一次格式化（qs）
然后再去验证
后端控制台正常输出。
三、结论
后来查阅资料发现，只要我们前端只要传入对象格式的参数时，axios就会对我们的数据进行JSON.stringify的操作。也就是说，将我们的 Content-Type 变成了 application/json;charset=utf-8。
axios 使用 post 发送数据时，默认是直接把 json 放到请求体中提交到后端的。
而后端接口使用@RequestParam注解就必须设置axios的请求头为 application/x-www-form-urlencoded
@RequestParam接收的参数是来自HTTP请求体( Content-Type必须为 'application/x-www-form-urlencoded )
httpService.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
列出以下其他的值
httpService.defaults.headers['Content-Type'] = 'application/json; charset=utf-8';
上传图片最好是单独封装一个
export function fileUpload(url, params = {}) {
return new Promise((resolve, reject) => {
httpService({
url: url,
method: 'post',
data: params,
headers: {
'Content-Type': 'multipart/form-data'
}
}).then(response => {
resolve(response);
}).catch(error => {
reject(error);
});
});
}以上就是vue2前端使用axios发起post请求后端(springboot)取不到值解决办法的详细内容，更多关于vue2发起post请求后端取不到的资料请关注脚本之家其它相关文章！
相关文章
在本篇文章里小编给大家分享的是关于Vue.js watch监视属性的相关知识点内容，需要的朋友们学习下。2019-11-11
Vue 3 响应式系统中ref 在 reactive 中的自动解包行为
Vue3中,ref与reactive配合使用时会自动解包,使代码更简洁,响应式系统更智能,替换ref会断开旧连接,浅层reactive/shallowRef不触发解包,但是需注意区分,下面通过示例给大家介绍Vue3响应式探秘：ref 在reactive中的自动解包行为解析,感兴趣的朋友一起看看吧2025-07-07
这篇文章主要为大家详细介绍了vue基础语法之插值表达式，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
这篇文章主要介绍了vue之如何配置默认显示页面和默认路由问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
这篇文章主要介绍了vue如何使用rem适配，帮助大家处理vue开发移动应用时的兼容性问题，感兴趣的朋友可以了解下2021-02-02
这篇文章主要介绍了vue中如何初始化data数据，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
这篇文章主要介绍了Vue3 ref构建响应式变量失效问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要介绍了Vue的混合继承，有需要的朋友可以借鉴参考下，希望能够有所帮助，希望能够给你带来帮助2021-11-11
这篇文章主要为大家详细介绍了vue综合组件间的通信，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要给大家介绍了关于Vue记住滚动条和实现下拉加载的完美方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2020-07-07
最新评论