application/x-www-form-urlencoded

application/x-www-form-urlencoded

在请求中，有一种数据传输的Content-Type 是application/x-www-form-urlencoded。

这种数据格式的接口，在发送请求时，与我们习惯的application/json的形式不一样。这半个月，有个地方没理解透，被坑了很长时间。接口是通的，按接口的要求，把数据传输过去，收到的结果始终是处理错误。但是通过postman，用同样的数据进行请求，收到的结果就是正常的了。

这种数据格式，是form表单post的默认格式。

下面简单演示一下， 这个请求的处理要求。

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'
    }
})