一，Content-Type

首先要明确的一点是，我们在项目中调用接口，通常是以对象的数据格式传给自己封装的http请求函数的。

1，application/json

现在的前后端分离项目基本上都是使用的这个进行数据传递。
axios默认Content-type是采用application/json;charset=UTF-8，无需设置直接把对象传进去即可
当然，也可以在请求拦截器中转化成json后再发请求（但是不能用qs.stringify）：

 config.data = JSON.stringify(config.data)

2，application/x-www-form-urlencoded

"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"

用于表单的提交。值得注意的是，ajax 中（不是axios哈）， contentType都是默认的值：application/x-www-form-urlencoded。
特点是提交的参数按照 key1=val1&key2=val2 的方式进行编码，key 和 val 会进行了 URL 转码。
而要实现这种参数的序列化，最简单的方法是引入qs库。做如下的配置。

import Qs from "qs"
 // 创建axios实例
    const service = axios.create({
      baseURL: process.env.VUE_APP_baseUrl,
      timeout: 5000,
     ...//其他配置
     //transformRequest用来对请求参数提前进行处理
      transformRequest: [data => Qs.stringify(data, { indices: true })] //Qs.stringify将参数序列化成key=value&key=value的形式，indices: true是配置参数有传数组的时候，以下标的形式
    })

比如说，当我们传递的参数是：

{
	title:'标题'，
	list:[1,2,3]
}

则会被转化成：title=标题&list[0]=1&list[1]=2&list[2]=3的形式。

Qs.stringify(data, { indices: true }//这个如果用false的话。传数组就是title=标题&list=1&list=2&list=3的形式了，也就是不带索引。

结合上文，在cantent-tyoe=application/x-www-form-urlencoded时，我们在页面中传的是对象，然后通过Qs.stringify把参数转换成key=value的形式了，这才可以发出正确的http请求。
另外，Qs.stringify配置的场合也可以有多个。如下图在axios中进行配置。

3，multipart/form-data

这也是一个常见的 POST 数据提交的方式。我们使用表单上传文件时，就要让 form 的 enctype 等于这个值。这种方式一般用来上传文件，各大服务端语言对它也有着良好的支持。这个和application/x-www-form-urlencoded的区别在于一个适合传字段键值，一个适合传文件。

二，qs.sringify和JSON.stringify的区别

假设我要提交的数据是：

var a = {name:'hehe',age:10};

qs.stringify序列化结果如下

name=hehe&age=10

而JSON.stringify序列化结果如下：

"{"a":"hehe","age":10}"