axios传递参数到后端为空的问题
2020-07-12 17:16
1306 查看
问题
在前后端分离项目中,发现用PostMan访问后端可以获取数据,但前端用axios传递到了后端却为空
解决方案
这是由于axios默认发送数据时,数据格式是Request Payload,而并非我们常用的Form Data格式,后端未必能正常获取到,所以在发送之前,需要使用qs模块对其进行处理
安装qs后导入
import axios from 'axios'; import qs from 'qs'; Vue.prototype.$qs = qs Vue.use(ElementUI); Vue.prototype.$axios = axios
然后对要传递的数据用qs进行封装
this.$axios.post("http://localhost:8081/login", this.$qs.stringify(this.ruleForm) ).then(resp =>{ console.log(resp) })
相关文章推荐
- Vue中使用axios(POST请求)调用后端接口时,后端接口接收不到前端参数的问题
- axios用post传参,后端无法获取参数问题
- 解决axios传递参数后台无法接收问题
- vue axios.post请求后端接收不到参数问题
- 解决axios传递参数后台无法接收问题
- Vue使用axios的POST请求传递数组参数,显示400错误的问题
- 解决axios,post请求传递不了对象{}参数的问题
- Vue简单封装axios之解决post请求后端接收不到参数问题
- JS函数传递参数问题
- 微信公众号平台网页授权接口中获取到的授权code传递给(即一个微信公众号网页授权给)任何其他多个回调域名下的url,解决了只能设置一个网页授权回调域名的问题,解决了redirect_uri参数错误的问
- float类型做为参数传递过程中出现的问题
- setinterval 使用闭包解决参数不能传递的问题
- JAVA中涉及函数参数的传递问题。
- 【Web后端笔记】jsp传递中文数据出现乱码的问题
- 向子进程传递参数的问题
- idea+HBuilderX实现springboot+springdata-jpa+vue+axios前后端分离增删改查,分页+解决跨域问题的idea页面
- Spring3 传递URL参数中文乱码的问题
- 利用out关键字向函数传递List<T>参数遇到的问题
- vue-resource传参数到后端,后端取不到数据的问题
- setTimeout传参数 传递多个参数的问题