Vue中使用axios.post请求传参后端拿不到值问题
2019-06-21 12:03
3191 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44743242/article/details/93181965
问题一
前端代码
后端代码
这样传值可以看到浏览器是以JSON格式传值,但是后端是拿不到值的拿到的值位null
所以可以在方法中加入@requestBody注解如:
但是拿到的值并不是想象的那样,前端是将数据打包成Json格式,所以这样写拿不到相应的值,只有将name 和password打包成一个对象,所以用@RequestBody不适合传单个值,更适合传一个对象
当你想传多个值如:
就需要在后端修改了
先安装qs: npm install qs --save-dev
然后在你发送请求的组件中导入qs:
引用qs:
这样问题就解决了
总结:@RequestBody拿到的是一个对象,使用qs则是拿到单个值
相关文章推荐
- Vue中使用axios(POST请求)调用后端接口时,后端接口接收不到前端参数的问题
- vue axios.post请求后端接收不到参数问题
- vue-cli的axios使用方法,get、post请求的跨域问题解决
- Vue 使用axios 发送post请求,参数格式有错误问题
- vue中的axios.post使用json数据传输,出现请求头字段内容类型是不被允许的情况的解决方案
- java使用axios.js的post请求后台时无法接收到入参的问题
- 使用vue-axios请求geoJson数据报错的问题
- vue中使用axios处理post方法导出excel表格(后端返回文件流)
- vue2.0 axios发送post请求,后端参数获取不到的解决方式
- vue中使用axios后post请求注意事项
- vue.js中使用axios数据请求遇到的问题这篇文章帮你妥妥的解决
- express框架使用axios进行post请求跨域问题,以及返回的数据是undefined的问题
- vue 使用axios 跨域请求数据的问题
- 基于vue-cli的vue项目之axios的使用3--get传参请求
- vue项目axios请求接口,后端代理请求接口404,问题出现在哪?
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- react +axios 后端使用springboot进行跨域请求时数据丢失问题
- 在 Vue 结合 Axios 使用过程 中 post 方法,后台无法接受到数据问题
- vue 使用 axios 发 post 请求,后台无法接收到数据
- MVC5 WebAPI post请求后端拿不到值的问题