application/x-www-form-urlencoded
在请求中，有一种数据传输的Content-Type 是application/x-www-form-urlencoded。
这种数据格式的接口，在发送请求时，与我们习惯的application/json的形式不一样。这半个月，有个地方没理解透，被坑了很长时间。接口是通的，按接口的要求，把数据传输过去，收到的结果始终是处理错误。但是通过postman，用同样的数据进行请求，收到的结果就是正常的了。
这种数据格式，是form表单post的默认格式。文章来源：https://www.toymoban.com/news/detail-506348.html
下面简单演示一下， 这个请求的处理要求。文章来源地址https://www.toymoban.com/news/detail-506348.html
const dataObj={from: 'http://www.baidu.com'}
function handleData(obj){
const arr = []
for(let key in obj){
// 核心，要对key和val进行encodeURIComponent编码，不能直接传给后台，不如会报错。 我踩的坑就在这里，没有进行编码就往后传了，就出现了文章开头的问题。
// 可以用qs.js这个库，来完成这一步的操作。
// 这个参数的处理，是这个类型请求的核心。在这种数据格式要求下，后端对数据的接收处理，类似于url上的query参数。
arr.push(`${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`)
}
return arr.join('&')
}
axios({
url:'/api'，
method:'POST',
data:handleData(obj),
headers:{
'Content-Type':'application/x-www-form-urlencoded'
}
})
到了这里，关于application/x-www-form-urlencoded的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
