post请求传参后端显示为空

要解决的问题：

axios发送数据后端接收为空

产生问题的原因：

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

1、先安装qs

npm install qs

2、在main.js配置qs

import qs from 'qs'
Vue.prototype.$qs = qs

添加qs处理

const that=this;
console.log(that.ruleForm)
   that.$axios.post('/login', that.$qs.stringify(
      {
        username:that.ruleForm.username,
        password:that.ruleForm.password
      }
      ))

ps：此处log里面的参数ruleFrom是与上面v-model相对应的

刚开始学习axios问题频出，查找解决方法有些东西并不明白是怎么回事，难搞哦，就这个小问题卡了我一天是时间 /哭唧唧