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(`批量編輯失敗，請重新編輯!`)
})

主要還是解決問題的思路吧.記錄一下. 以防老年痴呆