axios中post请求 json 和 application/x-www-form-urlencoded

前端向后端传输数据时,如果是get传输,直接传在url后;如果是post传输,则在请求体body中传输。

body中的数据格式又有两种,一种是  json  数据格式,另一种是 字符串。具体要用哪种格式取决于后端入参的格式。

如果后端接收json数据类型,post 的 headers 需要设置 { ‘content-type’: ’application/json’ },传给后端的数据就形如  { ‘name’:’edward’, ‘age’:’25’ } 

如果后端接收的是(表单)字符串类型,post 的 headers 需设置  { ‘content-type’: ’application/x-www-form-urlencoded’ },

,传输给后端的数据就形如   ‘name=edward&age=25’  

   qs   

qs.stringfy() 将对象序列化成URL的形式

axios默认数据格式为json,所以:

1.当后端需要接收json格式的数据时,post请求头不需要设置请求头,数据格式也不需要我们去转换(若数据已经是json);

2.当后端需要接收字符串格式的数据时,我们需要给post请求头设置{ ‘content-type’: ’application/x-www-form-urlencoded’ },

   这个时候如果我们传的入参是一个 js 对象,这时候我们就需要用 qs 转换数据格式,qs具体用法如下

 安装模块:npm  i  qs  -S

import qs from \'qs\'; const data = { name:\'edward\' , age:\'25\'}; // 我们传的是 js 对象 const options = { method: \'POST\', headers: { \'content-type\': \'application/x-www-form-urlencoded\' }, data: qs.stringify(data), // 用 qs 将js对象转换为字符串 \'name=edward&age=25\' url: \'http://www.edward.com\' };
axios(options);

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgdwgy.html