现在前后端通信一般都会采用json,在请求头中可以通过Content-Type来指定数据类型

先来了解下常用的请求数据类型有哪几种:


1、application/x-www-form-urlencoded

这应该是最常见的 POST 提交数据的方式了。浏览器的原生 <form> 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。

2、multipart/form-data

这又是一个常见的 POST 数据提交的方式。我们使用表单上传文件时,必须让 <form> 表单的 enctyped 等于 multipart/form-data

3、application/json

application/json 这个 Content-Type 作为响应头大家肯定不陌生。实际上,现在越来越多的人把它作为请求头,用来告诉服务端消息主体是序列化后的 JSON 字符串。由于 JSON 规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify,服务端语言也都有处理 JSON 的函数,使用 JSON 不会遇上什么麻烦。

4、text/xml

它是一种使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范。


在我们使用 vue axios 的post方式去请求数据的时候就发现后台接受不到数据,原因就是其是通过json的方式方法的,而不是传统的x-www-form-urlencoded,如果再不改变后端接受方式的情况下可以通过一下方式修改

1、引用qs库(推荐)

qs.stringify({ a: ['b', 'c', 'd'] }, { indices: false });

2、手动修改数据格式(不推荐)

for(var i in config.data){
    str+=i+"="+config.data[i]+"&";
}

参考文章:https://blog.csdn.net/call_me_fly/article/details/79012581


Logo

前往低代码交流专区

更多推荐