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)
  })