1、json的方式

 this.$axios.post(url, {
   data:JSON.stringify({
        mess:'hello',
        dataArr:[{name:'test',vlaue:[1,2,3]},{name:"match",vlaue:[1,2]}]
      }),
      headers:{
        'content-type':"application/json"
      }
 })

2、formData的方式
(1)、利用qs插件

 import qs from 'qs'
 this.$axios.post(url, {
   data:qs.stringify({
        mess:'hello',
        dataArr:[{name:'test',vlaue:[1,2,3]},{name:"match",vlaue:[1,2]}]
      }),
      headers:{
        'content-type':"application/x-www-form-urlencoded"
      }
 })

(2)、new FormData(),通过append方法添加参数

var file = new FormData()
file.append('fileName', file)
file.append('name', '88888')

======================================================

注: Content-Type
互联网媒体类型,在Http协议消息头中,使用Content-Type来表示具体请求中的媒体类型信息。

例如: Content-Type: text/html;charset:utf-8;

常见的媒体格式类型如下:

text/html : HTML格式
text/plain :纯文本格式      
text/xml :  XML格式
image/gif :gif图片格式    
image/jpeg :jpg图片格式 
image/png:png图片格式

以application开头的媒体格式类型:

application/xhtml+xml :XHTML格式
application/xml : XML数据格式
application/atom+xml :Atom XML聚合格式
application/json : JSON数据格式
application/pdf :pdf格式
application/msword : Word文档格式
application/octet-stream : 二进制流数据(如常见的文件下载)
application/x-www-form-urlencoded : 中默认的encType,form表单数据被编码为key/value格式发送到服务器(表单默认的提交数据的格式)
另外一种常见的媒体格式是上传文件之时使用的:

multipart/form-data : 需要在表单中进行文件上传时,就需要使用该格式
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐