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