axios关于使用post请求后端接收不到数据的问题

今天在写项目的时候碰到了一个问题，使用axios提交post请求到后端(Springboot框架)，后端接口也添加了@ResponseBody注解但自动装载的bean的属性全是null，通过查询发现，axios默认传递的数据类型是Request Payload，而并非我们常用的Form Data类型

这个是我们经常用到的参数类型

 这个是axois默认的参数类型

axois默认的类型后端未必能正常处理，所以我们需要对这个数据进行转一下

这里我用到的是qs这个模块

# 下载qs模块
npm install qs

在vue项目中引用这个项目并且创建它的全局对象（也可以单独引用）

// 在main.js中
impost qs from ‘qs‘

// 并创建创建全局对象，方便使用
Vue.prototype.$qs

在axios中使用

this.$axois.post(‘接口地址‘,this.$qs.stringify(需要传递的参数)).then((res) =>res.data)

1. qs.parse()将URL解析成对象的形式
2. qs.stringify()将对象 序列化成URL的形式，以&进行拼接

axios关于使用post请求后端接收不到数据的问题

原文：https://www.cnblogs.com/weitutou/p/14273133.html