axios请求头几种区别:application/x-www-form-urlencoded

今天小伙伴问我们项目axios默认请求头是application/x-www-form-urlencoded;charset=UTF-8, 现在有个后端接口要求请求头方式为application/json;charset=UTF-8, 问我按照以前的请求new formData()方式为啥总是请求不到数据了.

因为,post向服务器端Content-Type请求头方式有4种:

application/json;charset=UTF-8

application/x-www-urlcoded;charset=UTF-8

mulitpart/form-data

text/html

回答上面问题, 我们可以简单一点就是修改默认请求Content-Type请求头

let config = { headers: { 'Content-Type': 'application/json;charset=UTF-8' }}
let params = {
　　data: list,
　　isJsonData: true
}
this.api.post(`${process.env.commodityUrl}ali/product/batchEditProdGroup`, params, config).then(res => {
if (res.success === 1) {
　　this.$message.success(`批量修改成功！`)
　　this.linkChange(`/channelCommodityList`)
　　return false
}
　　return this.$message.error(`批量编辑失败，请重新编辑!`)
})

主要还是解决问题的思路吧.记录一下. 以防老年痴呆