vue axios上传formData类型数据方法
记录一下自己在开发时遇到的一些问题如果我们直接设置axios 的headers属性'Content-Type': 'application/x-www-form-urlencoded'然后传data的话 数据类型还是为JSON 这是一个坑这个时候我们需要引入 es6自带的qs模块在main.js文件引入 并全局注入qs方法然后在axios里使用 对需要上传的数据对象进行序列化处理此时请求体中的数据
·
记录一下自己在开发时遇到的一些问题
如果我们直接设置axios 的headers属性 'Content-Type': 'application/x-www-form-urlencoded'
然后传data的话 数据类型还是为JSON 这是一个坑
此时请求体数据类型
这个时候我们需要引入 vue自带的qs模块
在main.js文件引入 并全局注入qs方法
import qs from 'qs'
Vue.prototype.qs = qs
然后在axios里使用 对需要上传的数据对象进行序列化处理
this.qs.stringify()
此时请求体中的数据为formData格式
后端正确接收数据 该问题解决
更多推荐
已为社区贡献1条内容
所有评论(0)