目录

post请求传参后端显示为空

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问题频出,查找解决方法有些东西并不明白是怎么回事,难搞哦,就这个小问题卡了我一天是时间 /哭唧唧