axios传递参数到后端为空的问题

问题

在前后端分离项目中，发现用PostMan访问后端可以获取数据，但前端用axios传递到了后端却为空

解决方案

这是由于axios默认发送数据时，数据格式是Request Payload，而并非我们常用的Form Data格式，后端未必能正常获取到，所以在发送之前，需要使用qs模块对其进行处理

安装qs后导入

import axios from \'axios\';import qs from \'qs\';Vue.prototype.$qs = qsVue.use(ElementUI);Vue.prototype.$axios = axios

然后对要传递的数据用qs进行封装

this.$axios.post(\"http://localhost:8081/login\",this.$qs.stringify(this.ruleForm)).then(resp =>{console.log(resp)})