axios传递参数到后端为空的问题
目录
axios传递参数到后端为空的问题
问题
在前后端分离项目中，发现用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)
})